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
,在文件中导出自己所需要的一些配置。