用vue-cli3.0安装脚手架

vue-cli 3.0 正式版于18年 8月10号发布!

我电脑之前用的是vue-cli2.0,所以要先卸了2.0的先:

  npm uninstall -g vue-cli  //卸载之前的
  npm install -g @vue/cli   //全局安装vue-cli3.0

再'vue -V'命令行查看下现在的版本:

搜了说在vue-cli2.0基础上兼容vue-cli3.0安装脚手架的话是下面的命令行:但是我自己试了不行,先不琢磨了

npm install -g @vue/cli-init

安装完后,在选好的文件夹下构建项目:

vue create project-name
D:\mySelf\project\text>vue create vue_text
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? Yes


Vue CLI v3.8.2
? Please pick a preset:    //这里上下键控制选择默认(default)还是手动(Manually)
  default (babel, eslint)    //vue-cli3.0默认使用yarn下载
> Manually select features    //我选择的是手动

然后出现下面的选项,用数字来控制选中,括号带*就是选中

Babel:将ES6编译成ES5
Linter/ Formatter:代码检查工具
CSS Pre-processors:css预编译 
Unit Testing:单元测试,开发过程中前端对代码进行自运行测试
 

选择预编译方法

 

eslint with...: 只进行报错提醒;

eslint + A...: 不严谨模式;

eslint + S...: 正常模式;

eslint + P...: 严格模式;

 

Lint on save:保存就检测(我选这)
Lint and fix on commit:fix跟commit检测

 

单元测试:上下键选择,具体我也不是很清楚是啥,跟别人的选第二个

 

您喜欢将babel、postss、eslint等配置放在哪里?

In dedicated config files:放在独立的文件
In package.json:放在package.json

 

是否在以后的项目都使用以上配置?我选否

 

跑完之后,它提示我去vue_text这个项目下用:npm run serve把项目跑起来

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章