vue CLI 4.x.x脚手架搭建步骤解析与总结

概述

浏览了vueCLI的官网，发现Vuecli3版本和vuecli4版本之间的区别并不大。在这里，我介绍的是vuecli4.x.x版本的搭建。

步骤

• 1.之前已经介绍了脚手架的安装，接下来就是进行搭建：
  注意：项目名称不能有大写字母（不能使用驼峰命名法）
  

• 2.一般我们选择“手动配置”，
  

• 3.选择以上选项后，我们将进入下列页面：

• 选择自己所需要的选项，
  选择或者取消——空格键
  
  4.个人认为ESlint比较繁琐，所以自己这里选择了其他，个人可以根据自己的实际情况来进行选择。
  

• 
  6.敲下回车，我们只需要等待它创建即可。
  创建完成后，我们发现，在我们的目录下，已经出现了我们之前创建的目录：
  

目录结构详解

vuecli4搭建完成后，会生成如下的目录结构，下面，就对以下的目录结构进行解释：


我们发现，在vuecli4汇总，我们的配置文件并没有存在，那么他到底去哪了呢？有时候我们需要修改配置文件时，我们应该怎么办呢？
解决方法有以下三种：

• 1.启动配置服务：vue Ui

我们可以导入我们需要进行管理的项目：
2.可以通过我们项目中的文件找到：

• 3.在当前目录下，新创建一个js文件：vue.config.js,在文件中导出自己所需要的一些配置。