vue-cli3快速创建Vue项目

1.安装vue-cli3

执行以下安装命令：

npm install -g @vue/cli

安装完成后执行以下命令查看vue-cli3的版本信息：

#V需要大写
vue -V

出现版本信息后说明安装成功。

2.在新建的文件下创建自己的Vue项目，注意，执行以下命令前必须进入新建的文件中。

执行以下命令：

#project_name为你创建的Vue工程名，自己指定
vue create project_name

按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了。我这里选择手动。

上一步是选择配置，看自己个人需求，空格键是选中与取消，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 测试。
我选择的配置如上图所示。

上图是选择CSS预处理，我选择Stylus。

这个是问你选择哪个自动化代码格式化检测，配合 vscode 编辑器的。

选择语法检查方式，我自己选择保存就检测。

第一个是保存就检测，第二个是 fix 和 commit 的时候检查

我自己选择保存就检测

配置文件存放地方：

第一个是独立文件夹位置，第二个是在package.json文件里

我选择放单独配置文件，选第一个

然后回车，回车之后有个选择Y/N，我选择的Y，然后直接回车就安装成功啦。

项目安装成功。

接下来就是启动项目了。

项目启动成功。

这样，一个Vue工程就已经创建完成了。

在创建的过程中，也出现了一些问题，参考的博客如下：

https://blog.csdn.net/qq_36517520/article/details/92441854

https://blog.csdn.net/csdn_chengpeng/article/details/89875657

**********************************************************************

https://www.cnblogs.com/huangfeihong/p/9141273.html

https://www.cnblogs.com/dragonir/p/8711761.html

https://www.cnblogs.com/airen123/p/9727914.html

https://www.runoob.com/vue2/vue-directory-structure.html

https://www.cnblogs.com/yanxulan/p/8978732.html