【Vue3】Vue项目各个配置文件的相关用途

通过Vue Cli创建好初始代码后，对于各个文件以及配置文件的用途，比较模糊。弄清楚配置文件的大致作用，十分有利于项目整体性的把控，在实际项目中例如修改配色、样式、统一页面结构等，都可以事半功倍。

1、package.json （项目的描述文件）

2、.browserslistrc 浏览器兼容性配置文件

3、.editorconfig 编辑器配置文件

4、.eslintrc.js 关于代码规范的配置

 5、.gitignore 提交忽略文件配置

6、package-lock.json 依赖版本锁定文件

如果不去手动改变 package.json 中，依赖版本，在执行 npm install时，就不会再去重复下载依赖文件。

7、index.html 入口html

当我们输入网址访问时，最先请求的就是 index.html，是项目的入口。

为什么只有一个div，我们的页面就可以渲染出来，是因为项目打包的js和css都会被自动注入到id=app的，div标签中。

8、main.js

Vue项目的页面实际上是通过js动态渲染出来的，main.js 就是js的入口文件。

 以上。