1
安装 vue-cli

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

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

clipboard.png

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

vue create name

clipboard.png

选择vue-cli的选项

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

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

选择过 CSS

clipboard.png

选择过 Linter

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

在保存后校验输入

clipboard.png

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

clipboard.png

给你的习惯存个档

clipboard.png

设置存档的名称

clipboard.png

回车后开始挂机


牙师
4 声望0 粉丝