使用VScode创建Vue CLI项目
2021-10-09 本文已影响0人
Laity_9c91
前提,安装好Vue CLI环境,我这里使用的Vue CLI的版本为@vue/cli 4.5.13
1、使用vscode打开终端

2、使用终端创建vue项目

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 测试。

4、选择配置之后,按回车,选择vue版本

5、输入y

6、css的预处理


7、选择语法检查方式
第一个是保存检测,第二个是fix和commit的时候检测

8、配置文件存放的位置

创建vue项目


创建成功后,使用cnpm run serve
允许项目

项目启动成功

打完收工