vscode创建vue3项目

1、新建空文件，用于存放vue项目

2、打开vscode  文件 > 打开文件 > 选择刚才新建的空文件VueFile

3、开始创建项目

使用指令 vue create '项目名'    (注意项目名不能包含大写，可以有下划线)

3.1 选择 Manually select features（使用小键盘终端 ↑ ↓ 进行选择，选择完成后按回车键(Enter)）

3.2  根据自己的需要选择，使用(↑ ↓ 选择   空格键选中   选择完成后按回车键)

3.3 选择vue版本 3.x

3.4 在步骤3.2中选择了Router后，会弹出这个选项 

     Use history mode for router? (Requires proper server setup for index fallback in production)

     路由存在两者模式，一种是历史模式history，一种是hash模式  根据自己需求选择

3.5 语法规则  根据需求选择  ESLint with error prevention only：仅错误时预防

3.6 什么时候检测代码语法，Lint on save 保存的时候

3.7 配置文件存放位置：In dedicated config files创建独立文件 In package.json在 package.json中

3.8 后续项目是否使用这次的模板，选Y后会将本次配置起名保存，下次使用 

vue create --preset '配置名'  '项目名'直接生成本次配置的项目  选N不保存

3.9  项目已经配置完成

4、使用 cd vue_study 打开项目

5、使用 npm run serve 运行项目

6、正常情况下，可以打开项目了，点击打开连接

Note that the development build is not optimized.
To create a production build, run npm run build.

请注意，开发构建没有优化。若要创建生产版本，请运行npm-run-build。意思是开发版本，发布线上需要打包 使用指令 npm run build   (这里没有进行线上打包配置)