打开通过Vue-cli来生成的工具
图片.png
最下面的README是项目的生成文件；
package.json：这里面有很多的包，是在开发的项目中的第三方的依赖；
package-lock.json：是package的锁文件，帮助我们确认安装的第三方包的具体的版本，使团队编译可以统一；
index.html：是项目默认的协议模板文件；
postcssrc.js：是对postcss的一个配置项；
gitignore：我们使用git把文件传到线上，但是有些特殊的文件，并不想传到线上的话，就可以把文件放在这里面；
eslintrc.js：里面放的是代码的规范；通过这个对代码进行检测，看看写的代码是否标准。
eslintignore：放在这个里面的内容，是不会受到上面的检测工具检测的；
editorconfig：里面配置编辑器的语法，比如tab设置成两个空格的缩进，可以自己加内容；
babelrc：我们所写的代码是项目的Vue单文件组件代码的写法，所以需要通过babel这种语法解析器做语法的转换，转换成浏览器能够编译执行的代码，所以需要引入babel，当babel需要做一些额外配置的时候，就放在babelrc里面。
static文件：文件中放的是静态资源，比如静态图片，和json数据等等；
src文件：放的是整个项目的源代码：
main.js：是整个项目的入口文件；
router：项目中所有的路由都放在这其中的index.js中；
components：放的是项目中所用到的组件；
assets：项目中所用到的图片类的资源；
APP.vue：是项目最原始的根组件
node_modules文件：项目依赖的第三方的node包，这个不用管；
网友评论