脚手架（vue-cli）创建Vue项目超详细过程

cli3.x/4.x创建Vue项目

1.创建项目

vue create vue_project(项目名)

敲击回车，出现以下页面

• 选择第一或第二选项，后续就不需要看了，直接等待项目生成即可
• 选择第三选项，手动配置项目，可继续往下看

第一次创建项目时，本人一般选择手动配置，因为eslint真的是个很可怕的东西，它对代码格式的严格要求，真的会把人逼疯的，代码有一点点不规范的地方程序都会报错，虽然代码的格式规范是好的，但对于新手却不太友好

2.项目手动配置

默认配置中，勾选的是Bable和Linter（也就是eslint），具体配置内容见下图，然后根据自己的需求选择

按空格键选择或取消选择，下图是本人的基础配置（仅供参考）

3.选择vue版本

选择创建vue2的项目或创建vue3的项目

4.路由模式

第二步如果选择的路由，将会有这一步骤，意思为是否用history模式来创建路由。
此处本人一般选择yes

5.配置文件的存放位置

配置文件是放在独立的配置文件中（选项一），还是放在package.json中（选项二）。
本人一般选择第一个

6.配置保存

是否保存此次配置，用于将来的项目
如果选择yes，那么在之后创建项目时，在第一步中，选项除了两个默认配置和手动配置外，还将增加此次的配置。

选择yes，为此次配置自定义一个名称，用于之后的选择；选择no将没有这一步。

保存配置为test，在之后创建项目时，就可以看见我们的这一配置选项了。

项目创建成功

打开终端，进入项目文件夹（上面创建项目时名字为vue_project，因为一些原因，本人又把项目名改成了vue_test，大家根据自己的项目名进行修改即可），然后运行项目（npm run serve）

运行项目成功，点击链接在浏览器查看项目