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
网友评论