创建项目
1.安装 Vue 脚手架
官方文档：https://cli.vuejs.org/zh/guide/
npm install -g @vue/cli
2.创建开始会问需要连接的仓库，这里是淘宝的仓库，直接回车选择默认
mark
3.进入脚手架构建选项，这里选择default
这里上下选择，回车确定
mark
4.选择模块，根据需要来选择
mark
操作：
上下选择，空格选择，回车选择完成并确定
选项的介绍：
Babel： 可以将ES6语言，转化为低版本浏览器支持的ES5语言
TypeScript： 使项目兼容各种操作系统的各种浏览器的一种语言
Progressive Web App (PWA) support：离线应用开发方式
Router：路由相关模块
Vuex：复杂状态管理模块
CSS Pre-processors：Sass和Less支持
Linter/Formatter：用来保持风格一致性
Unit Testing：测试用
E2E Testing：测试用
选择路由模式，回车选择默认
mark
选择CSS预处理器，回车选择默认
选择代码风格，这选择标准配置
mark
代码风格自动修复，这里需要Git支持
mark
git 安装：https://blog.csdn.net/u011262253/article/details/97507271
不同模块的配置文件是否分开保存，这里选择分开保存
mark
要不要将以上的配置保存，如果保存下次就不需要一个一个来选择。输入y回车，输入保存文件名回车
mark
5.脚手架开始下载相关的包，并构建项目
mark
6.安装成功会显示
mark
运行项目
启动开发环境
npm run serve
在浏览器输入对应的网址
mark
浏览器会显示
mark
生产环境构建
npm run build
其他命令
代码格式检测并自动修复
npm run lint
网友评论