首页 > 其他 > 详细

vue-cli3 创建项目

时间:2019-12-16 14:51:18      阅读:97      评论:0      收藏:0      [点我收藏+]

vue-cli2.0+ :npm install vue-cli -g ;  

vue-cli3.0+  : npm install @vue/cli -g

版本查看:vue -V

卸载: npm uninstall vue-cli -g

作者当前版本:技术分享图片

利用@符号安装作者版本: npm install @vue/cli@3.11.0 -g  (未试过)

 

备注:

  Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)

 

创建项目:

快速cmd到当前文件夹: 

 技术分享图片

 

 

1. 控制台: vue create demo  ;  选择默认(default)还是手动(Manually)

 技术分享图片;  

 

2. 选择 按下键盘下选中 Manually ,回车:

技术分享图片

 

3. 选择配置, 空格键是选中与取消,A键是全选;(作者选中:Babel、Router、Vuex、CSS Pre-processors、Linter / Formatter)

TypeScript: 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router: 支持 vue-router 。
Vuex: 支持 vuex 。
CSS Pre-processors: 支持 CSS 预处理器。
Linter / Formatter: 支持代码风格检查和格式化。
Unit Testing: 支持单元测试。
E2E Testing: 支持 E2E 测试。

4.  出现下面界面,按下回车:

 技术分享图片

 

5. css的预处理, 作者选中:

技术分享图片

 

6.  技术分享图片

 

7. 语法检查方式,选择保存就检测(第一个是保存检测,第二个是fix和commit的时候检测)

技术分享图片

 

 8. 配置文件存放(一个是独立文件夹位置,第二个是在package.json文件)

技术分享图片

 

9. 是否记录这一次的配置,以便下次使用,如一开始的时候会显示的vuecli3配置(作者输入y, 起名commom-demo) 回车确定等待下载

技术分享图片

 

vue-cli3 创建项目

原文:https://www.cnblogs.com/vs1435/p/12047804.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!