1.下载node最新稳定版本，并且安装(此处省略)

2.全局安装vue/cli

npm install -g @vue/cli

3.创建项目文件

vue create project

下一步 选择快捷式安装配置

image.png

第一个是默认配置，最后一个是自行配置，建议选最后一个。
下一步 自行选择安装配置

image.png

这个自行选择配置，按上下键切换目标选项，按空格键勾选和取消，按a全选，按i反选，选好后回车确定

1、Babel，转译成浏览器可识别的语言，可以让你的项目支持更新的语法，如es6\es7等
2、TypeScript，新增的选项卡
3、PWA，模拟原生app，渐进式网络应用程序
4、路由
5、vuex管理模式
6、css预处理语言
7、代码规范
8、组件单元测试
9、端对端测试，模拟用户真实场景

history路由模式 ：

image.png

css预处理器

image.png

选择代码规范配置

image.png

1、只进行报错提醒；
2、不严谨模式；
3、正常模式；
4、严格模式；

是否保存当前配置信息

image.png

选择第一个，下次创建项目就会有本次的配置出现供你选择

选择babel,postcss,eslint配置文件存放位置

image.png

第一个放独立文件夹里，第二个放package.json里，建议选第一个

填写项目描述

image.png

然后开始创建项目，下载依赖

image.png