前提，安装好Vue CLI环境，我这里使用的Vue CLI的版本为@vue/cli 4.5.13
1、使用vscode打开终端
image.png
2、使用终端创建vue项目
image.png
3、选择项目需要的下载的配置
注意，空格键是选中与取消，A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。
image.png
4、选择配置之后，按回车，选择vue版本
image.png
5、输入y
image.png
6、css的预处理
image.png
image.png
7、选择语法检查方式
第一个是保存检测，第二个是fix和commit的时候检测
image.png
8、配置文件存放的位置
image.png
创建vue项目
image.png
image.png
创建成功后，使用cnpm run serve允许项目
image.png
项目启动成功
image.png
打完收工
网友评论