当我们使⽤脚⼿架创建了项⽬,会产生很多文件,那么每个文件是什么含义呢?有什么东⻄ ? 搞清楚他吧
- .git⽂件夹 :是git仓库⽂件夹
- node_modules : 项⽬依赖资源⽂件夹
- public: 项⽬⻚⾯⽂件夹,⾥⾯的index.html就是vue项⽬看到的那个⻚⾯。
- src/assets :项⽬需要使⽤到的⼀些图⽚,css等资源⽂件会存放在assets⽂件夹中
- src/components:项⽬中的.vue 单⽂件组件会存放在components⽂件夹中
- src/plugins: 放的是 按需导⼊element-ui的js⽂件element.js
- src/App.vue : vue根组件,vue⾥⾯的第⼀层组件,是所有组件的爸爸
- src/main.js : vue项⽬的⼊⼝js⽂件, 编译vue项⽬的时候,先会执⾏和编译main.js这个 ⽂件,并且最后⽣成⼀个出⼝⽂件,main.js⽂件最终会被打包成 app.js⽂件,并且放在 项⽬的根⽬录⾥⾯(它是虚拟⽬录,在硬盘上是看不到这个app.js⽂件的)
- src/router.js : vue项⽬的路由js⽂件,⾥⾯编写的是路由处理的代码
- browserslistrc
- .editorconfig :编辑器的配置信息,⾥⾯可以配置编写代码的时候的⼀些tab,换⾏。
- .eslintrc.js :eslintrc⽂件是⽤来配置eslint的⽂件,我们在这个⽂件中可以对eslint进 ⾏⼀些配置。⽐如说有⼀些报错,我觉得很离谱,那么我们就可以在配置⽂件中设置忽略 这些错误
- .gitignore :是git的忽略清单 ,设置不需要保存到git的⽂件。
- .prettierrc :设置alt+shift+f格式化的时候的样式
- babel.config.js :babel的配置⽂件
- package.json :项⽬的配置信息的json⽂件
- package-lock.json :项⽬依赖资源的下载路径⽂件
- postcss.config.js :postcss的配置⽂件。