vue3.0安装

vue3.0安装 个人推荐以下2种

(1). 开发工具的对应代码中 插入CDN
<script src="https://unpkg.com/vue@next"></script>
(2). 通过npm 官方安装node
  • 去百度搜索Node.js

  • 下载完成后,点击Next即可--下一步--,直至安装完成出现Finsh。

  • 查看是否安装成功

    node -v 查看 node 版本
    npm -v 查看 npm 版本

    安装成功后,第一步

    1. 淘宝镜像
    
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    如需查看则
    cnpm -v

3.vue环境
cnpm instal -g vue @vue-cli
温馨提示:需要在有网的情况下装 必须等 这35个走完
如果在装载过程中停止了,需要重复这个代码,重新加载,直到加载完成

检查vue是否装载好了,     vue -V
版本需是4.5以上的版本
桌面新建一个项目 cd desktop
创建项目格式 vue create ProjectName 例如 vue create todolist
选择 Manually select Features (利用上下键进行选择)

选择下图中的这几项,利用上下键选择 选中按 空格键 接着选下一个 全部选择完成后,则按下 回车键

选择版本  由于我们安装的是vue3.0 选择 3.x

设置对应的功能如下图所示

完成上述,则可进入 vscode中 打开 终端, 输入 npm run serve
如果个人修改过package.json中的scripts--serve,则根据修改后的名称运行上述代码

<

 运行成功后,会自动为其开通8080端口      Ctrl+鼠标左键  选择下图中的local
跳转至网页出现下图则安装成功



最新文章

  1. __dbg.h
  2. js抛物线动画——加入购物车动效
  3. WebService技术(一)
  4. MySQL中tinytext、text、mediumtext和longtext详解
  5. POJ1637 Sightseeing tour(判定混合图欧拉回路)
  6. 关于SQLite作业
  7. ionic 设置logo 与 设置 启动页
  8. Unix/Linux 命令技巧
  9. txt用Itunes同步到IPhone上
  10. 在开发板Linux上挂载&quot;驱动&quot;挂载不成功,出现提示server 172.27.52.100 not responding, still trying
  11. B-tree解释
  12. Python Tutorial 学习(二)--Using the Python Interpreter
  13. Windows Shell Extension 系列文章
  14. python中关于list列表的增删查改操作
  15. 自由软件之父、Google+设计者、Java之父、Linux之父、万维网之父、Vi编辑器之父、苹果Lisa电脑界面设计、微软首席软件架构师
  16. Django 发送邮件
  17. WSL与Windows交互实践
  18. 论学好Linux系统的超级重要性
  19. c++入门篇五
  20. matlab无法打开.m文件查看

热门文章

  1. 22、部署drdb
  2. AcWing 243. 一个简单的整数问题2
  3. ExtJs4学习(三)组件查找 ComponentQuery类
  4. springboot项目启动,停止,重启
  5. Redis和Memcached到底有什么区别?
  6. Android java层常见加密算法的hook自吐以及栈信息的打印
  7. rz上传文件报错:rpm Read Signature failed: sigh blob(1268): BAD, read returned 0
  8. C# 8.0和.NET Core 3.0高级编程 分享笔记一:C#8.0与NET Core 3.0入门
  9. Spring boot中相关的注解
  10. DEV C++自定义函数顺序与printf用法