利用vue-cli创建项目（vue-cli 4.5.9）

安装vue-cli

刚开始接触这个vue前端框架的时候，我也是在网上看的老师的视频，那个时候还是自己傻傻的去搞webpack啊之类的东西，后来学到最后才知道有vue-cli这样一个脚手架的存在，唉，当事人就是很后悔！很后悔，呜呜呜呜~

vue-cli是一个很方便我们去创建VUE项目的一个工具，可以节约我们很多的时间，提高我们编程的效率。

安装vue-cli按照官网的办法就可以了，我把链接放在下面
https://cli.vuejs.org/zh/guide/installation.html

我个人推荐使用 npm install -g @vue/cli 来进行安装，因为后续前端的开发对于npm用到的地方很多，最好就一直用这个，也会比较熟悉。

安装完成之后，像这样用 vue -V 去检测一下版本就可以了，我现在用的版本是vue\cli 4.5.9版本。

创建VUE项目

在要创建项目的地方，按住Shirft，然后单机鼠标右键（其实cmd也是一样的，只是这样不需要再去找文件夹的位置），打开Powershell窗口，输入“ vue create 项目名称 ”，然后等一下。

直接选取最下面的 Manually select features选项，前线的几个都是我之前做实验的时候存储的项目格式。

然后选择项目需要安装的内容，这里我用到的就是图中选上的。（按空格选择，按回车是确定）大家在创建项目的时候按照自己需要的内容去选择就是了，不过一般的话按照我这个来点应该是标准模板了，一般的前端开发都用得上。各个项目具体是什么意思，大家在官网都是可以看到的，绝对比我认识的详细，链接还是上面的网站。

这里其实也就是选一个样式的版本，给大家避个坑，选2.x就是最常见的Vue版本，3.x就是smartapp的版本，嘿嘿嘿，想试试的可以和我一样去试试3.x版本，其实区别也不大，只是Vue没有暴露出来，在后面用自己的一些js包的时候会稍微复杂一点，还有用比如echarts之类的也会很烦。

然后是是否使用历史的model——果断NO！

样式这个我只选过第一个标准的，其它的没用过，大家就根据自己的习惯样式语言去选吧。

这个是ESLint样式检查，我一般就是选最后一个（其实不喜欢这个东西也可以就直接不选这个语法检查，不过我觉得还是规范一下格式比较好，方便别人拿着我的代码看着至少不痛苦吧）

然后选择检查方式，我一般就是用这个——在保存时。

之后就是关于项目的配置项文件了，是都放在一起还是分开？方便自己管理吧，建议选第一个分开放。

后面就只有一个是否保存配置了，选是的话要存一个名字。等它慢慢的走啊走，然后项目就创建好了，点进去看看，大概就是这样的一些文件。

这里面的东西是做什么用的？当然就看文件名字知道了吧。
那么，下一篇博客见了，今天是一个小本科生努力而充实的一天。

ps：这里分享一个好朋友的一篇文章，写的比我好多了
https://www.jianshu.com/p/1ee1c410dc67