Vue系列之—⽂件⽬录详解
vue 项⽬⽂件详细介绍
build : ⾥⾯是对 webpack 开发和打包的相关设置，包括⼊⼝⽂件、输出⽂件、使⽤的模块等；
config : 主要是指定开发和打包中的静态资源路径、要压缩的⽂件类型、开发使⽤的端⼝号、开发使⽤虚拟服务器跨域请求 api 等。
node_modules: 项⽬的依赖库；
src ：我们主要操作的地⽅，组件的增加、修改等都在这个⽂件夹⾥操作；
assets: 放置静态资源，包括公共的 css ⽂件、 js ⽂件、iconfont 字体⽂件、img 图⽚⽂件以及其他资源类⽂件。之所以强调是公共的 css ⽂件，是因为要在组件的 css 标签⾥加⼊ ‘scoped‘ 标记，将其作⽤范围限制在此组件以及调⽤它的⽗级组件中，避免污染全局样式；
components: 放置通⽤模块组件。项⽬⾥总会有⼀些复⽤的组件，例如弹出框、发送⼿机验证码、图⽚上传等，将它们作为通⽤组件，避免重复⼯作；
http: 放置与后台 api 相关的⽂件。这⾥⾯有 axios 库的实例配置⽂件、使⽤配置的 axios 实例接⼊ api 获取数据的函数的集合的⽂件；
mixins: 放置混合选项的⽂件。具体来说，相当于是公⽤函数的集合，在组件中引⽤时，可以作⽤于组件⽽不必书写重复的⽅法；
pages: 放置主要页⾯的组件。例如登录页、⽤户信息页等。通常是这⾥的组件本⾝写⼊⼀些结构，再引⼊通⽤模块组件，形成完整的页⾯；
router: 放置路由设置⽂件，指定路由对应的组件；
store: 放置 vuex 需要的状态关联⽂件，设置公共的 state、mutations 等；
App.vue: ⼊⼝组件，pages ⾥的组件会被插⼊此组件中，此组件再插⼊ index.html ⽂件⾥，形成单页⾯应⽤；
main.js: ⼊⼝ js ⽂件，影响全局，作⽤是引⼊全局使⽤的库、公共的样式和⽅法、设置路由等。
static : 静态资源⽂件夹，放置不会变动的资源，直接被复制到最终的打包⽬录（默认是dist/static）下；
.babelrc: 使⽤ babel 的配置⽂件，⽤来设置转码规则和插件；
.editorconfig: 代码的规范⽂件，规定使⽤空格或 tab 缩进，缩进的长度是两位还是四位之类的代码风格，使⽤的话需要在编辑器⾥下载对应的插件；
.eslintignore: 指定 eslint 忽略的⽂件；
.eslintrc: 配置 eslint 的检测规则，强制按照规则书写代码；
.gitignore: 指定 git 忽略的⽂件，所有 git 操作均不会对其⽣效；
.postcssrc: 指定使⽤的 css 预编译器，⾥⾯默认配置了 autoprefixer ，⾃动补全浏览器前缀；
git使用详解favicon.ico: 浏览器标签页 title 旁边的⼩图标，这是需要我们⾃⼰粘贴过来的；
index.html: ⾸页⽂件，项⽬运⾏的时候，会⾃动将我们在 src ⽂件夹⾥⽣成的组件插⼊这个⽂件⾥；
LICENSE: 项⽬声明的 license；
package-lock.json: 当 node_modules 或 package.json 发⽣变化时⾃动⽣成的⽂件。这个⽂件主要功能是确定当前安装的包的依赖，以便后续重新安装的时候⽣成相同的依赖，⽽忽略项⽬开发过程中有些依赖已经发⽣的更新；
package.json: 指定项⽬开发和⽣成环境中需要使⽤的依赖库；
README.md: 相当于是⼀个备注⽂件，对项⽬开发过程中需要注意的地⽅进⾏⼀些说明。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。