Vue-cli 3.0尝鲜

安装 vue-cli

安装vue(若是安装了vue请跳过这一步,vue -V 查看是否安装了vue)css

npm install -g @vue/cli
&
yarn global add @vue/cli (推荐MAC使用)

clipboard.png

新建一个vue项目,先给他取个名字vue

vue create name

clipboard.png

选择vue-cli的选项 vue-cli

mp-save => 保存的个人安装习惯
default => 默认安装
Manually select features => 自定义安装npm

clipboard.png
这里走自定义安装~
clipboard.png
(按需添加,空格选中,回车下一步
Babel => 预编译(留着玩
TypeScript => typeScript语法(爱用不用
PWA => WEB App 优化(会玩再玩
Router => 路由(大兄弟
Vuex => 观察与通讯(大兄弟
CSS => sass&less (css
Linter => 代码格式化
Unit Testing => 单元测试
E2E Testing => E2E测试json

选择过 CSS

clipboard.png

选择过 Linter

clipboard.png
error prevention only (无所顾忌
Airbnb (地狱难度校验
Standard (标准难度校验
Prettier (自由飞翔!sass

在保存后校验输入

clipboard.png

选择是用文件夹习惯或者package.json习惯less

clipboard.png

给你的习惯存个档单元测试

clipboard.png

设置存档的名称

clipboard.png

回车后开始挂机
相关文章
相关标签/搜索