【Vue】项目目录说明

微信订阅号：Rabbit_svip

首先通过【Vue-cli 3.x】创建vue项目 创建一个Vue项目。

微信订阅号：Rabbit_svip

以上是项目的目录结构

如果资源管理器中打开，会看到一个隐藏文件

微信订阅号：Rabbit_svip

---

目录说明

• .git：方便开发者把项目传到远端仓库。

• node_modules：项目所有依赖的包文件，比如vue-router、vuex等插件都会下载到这个文件夹里面

• public：本地服务器的文件夹（其实是访问里面的index.html）

  • favicon.ico：项目的图标
  • index.html：首页

• src：工作目录（主要写代码的地方）

  • assets：放入静态资源（图片、css）
  • components：组件的存放位置
  • App.vue：根组件
  • main.js：项目的全局配置

• .gitignore：不需要上传到git仓库中的文件配置

• babel.config.js：有关babel的配置（比如es6转es5等相关配置）

• package.json：项目的基本配置说明

• package-lock.json：安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致

• README.md：项目说明文件（开发者书写自己项目的说明）