1、config 文件夹
主要是指定开发和打包中的静态资源路径,要压缩的文件类型,开发使用的端口号。
1.1、dev.env.js文件是开发环境的变量,npm run dev 命令。
1.2、index.js 环境变量及其基本变量的配置。分dev配置和production配置。
1.3、prod.env.js文件是生产环境的变量,npm run build命令。
2、node_modules
项目的依赖库,可在项目所在位置使用cmd命令:npm install 进行更新/下载。
3、src 文件夹
我们主要操作的地方,组件的增加修改等都在这个文件夹里操作。
3.1、assets: 放置静态资源,包括公共的 css 文件、 js 文件、iconfont 字体文件、img 图片文件 以及其他资源类文件。之所以强调是公共的 css 文件,是因为要在组件的 css 标签里加入 ‘scoped‘ 标记,将其作用范围限制在此组件以及调用它的父级组件中,避免污染全局样式。
3.2、components: 放置通用模块组件,避免重复工作。
3.3、router: index.js放置路由设置文件。
3.4、App.vue: 入口组件,pages 里的组件会被插入此组件中,此组件再插入 index.html 文件里,形成单页面应用。
3.5、main.js: 入口 js 文件,影响全局,作用是引入全局使用的库、公共的样式和方法、设置路由等。
4、static 文件夹
静态资源文件夹,放置不会变动的资源,直接被复制到最终的打包目录(默认是dist/static)下。
5、test
用于存放测试文件。
6、babelrc
ES6解析的配置。
7、gitignore
忽略某个或一组文件git提交的一个配置。
8、index.html
单页面的入口,通过webpack的打包构建之后,会对src源码进行编译,最终把它们插入到html里面来。
9、package.json
基础配置,告诉我们项目的信息(版本号、项目姓名、依赖)。
10、Dockerfile
Dockerfile 分为四部分:基础镜像信息、维护者信息、镜像操作指令和容器启动时执行指令。’#’ 为 Dockerfile 中的注释。
11、.gitignore
加上目录如代码: static/mock就表明这个目录下的文件不会被提交到线上的git仓库里,以及本地的仓库也不会提交。
12、README.md
README.md文件是一个项目的入门手册,项目的说明文档,markdown格式,里面介绍了整个项目的使用、功能等等。