使用VScode创建Vue CLI项目

前提，安装好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

打完收工