vue学习笔记（二）：Vue 项目目录解析

Vue 项目目录解析

├─ node_modules              # 项目依赖
│	│
│	└─...
├─public                     # 静态资源文件，以前版本叫 static 
│      favicon.ico           # 浏览器tab左边的小图标
│      index.html            # 单页应用访问入口页面
└─src                        # source的简写，资源文件
│   │  App.vue               # 默认的根组件，名字可以自定义，一般都是直接使用默认的
│   │  main.ts               # 项目入口文件，后缀看是基于ts 还是 js 构建  
│   │  shims-vue.d.ts        # 基于ts构建的项目才会有这个文件，defineCompent的声明文件
│   ├─assets                 # 单词本意是有用的东西或资产，一般这里放图片和样式文件
│   │      logo.png
│   ├─components             # 组件
│   ├─router                 # 路由文件，如果构建项目时勾选了 router 才会有，否则需要手动配置
│   │      index.ts
│   ├─store                  # 用于放全局状态，构建项目时勾选了 vuex 才会有，否则需要手动配置
│   │      index.ts
│   └─views                  # 用于放页面文件，通常情况下，一个页面应该用一个文件夹来管理
│
├─.browserslistrc            # 目录浏览器配置表，简单的说就是配置兼容的浏览器
├─.editorconfig              # 格式化代码，主要时保持不同编辑器之间代码风格的统一
├─.gitignore                 # git 提交时忽略文件/文件夹的配置项
├─babel.config.js            # babel 配置项
├─package.json               # 项目信息
├─package-lock.json          # 用于锁定安装时的版本号
├─README.md                  # 一般是项目说明文档
└─tsconfig.json              # 基于 ts 的项目才会生成此文件，主要是用于配置 ts编译的

项目中其他一些常见的文件：

• .env.production / .env.development: 环境变量配置文件，比如开发环境，测试环境，生产环境需要不同的配置，就可以单独设置环境变量文件，文件格式主要为 .env.[enviroment-name]

• .npmrc: npm 镜像源地址，如果项目不想使用 npm 默认的镜像源，则可以使用这个文件

• vue.config.js：针对 @vue/cli 的全局配置文件，如本地代理，webpack 的一些配置都放在此文件中

• .eslintrc：ESLint 的配置项，如果不想用编辑器 ESLint 插件的配置，则可以添加一个 ESLint 配置文件

• 还有一些需要单独配置的依赖，一般都是 依赖包名.config.js 这种格式，如：webpack.config.js、postcss.config.js 等，至于文件内的具体内容，一般都能查官方文档解决