【手动配置】在VsCode中使用Vue-cli提供的‘Vue create xxx‘命令新创建一Vue项目

1.从新项目的父文件夹中打开VsCode，‘’Ctrl+Shift+~‘’打开终端/也可以在我的电脑双击打开文件夹，按住Shift键点击鼠标右键选择用PowerShell打开

例如我们打算在code文件夹下创建一个新的项目，在终端中切换到code目录下

 

 2.确保自己安装了vue-cli，使用'vue -V'命令查看版本号，出现版本号就代表安装了。

 3.在终端里输入'vue create 项目名'，回车 。

 4.通过键盘的上下来移动光标，空格选中选项，回车下一步。

上面的两个Default是直接创建配好的Vue2或者Vue3项目，我们这里选择最后一个手动配置新的Vue项目

 5.选择项目所需，这里只介绍基本的项目要用到的，大家在之后熟练了可以自己选择。

 6.选择Vue版本

 7.选择用什么css样式书写

 8.选择Eslint 使用什么规范，第5步没选Linter的没有这个选择

 9.选择什么时候检查代码规范，第5步没选Linter的也是没有这个选择的

 10.选择Babel、Eslint配置文件放在哪里

 11.选择是否把这些选择作为一个模板保存下来

12.回车，等待项目创建完毕，此时最好不要用鼠标点击终端，不然会造成终端页面静止，不过出现这种情况点击一次Ctrl+C 就可以了

 13.此时就装好了

14。此时不要直接输入npm run serve，不然会报错找不到package.json文件。使用VsCode的时候要确保左侧项目栏里只有一个项目

 15.用VsCode-文件-打开文件夹-选择生成好的Vue项目

打开后左侧项目栏是这样的

 16.打开终端，输入npm run serve

点击链接如图：

 17.创建一个起始Vue项目成功。

18.想要停止项目的话回到终端，鼠标点击一些终端空白处摁两下Ctrl+C就退出了。