vue2.0项目文件夹介绍
如下图,这个就是用脚手架搭建出来的项目目录!
build和config文件夹与webpack配置相关
node_modules文件夹 npm install 安装的依赖代码库
src文件夹 是项目源码
static文件夹:第三方代码库
.babelrc: babel的配置
.editorconfig: 编辑器的配置
.eslintigonre: 忽略语法检查的目录文件配置
.eslinttrc.js: eslint的配置
.gitignore: git提交忽略的文件目录配置
.package.json: webpack的配置
README.md: 项目描述
build # (webpack配置相关)
— build-server.js # 运行本地构建服务器,可以访问构建后的页面
— build.js # 生产环境构建脚本
— dev-client.js # 主要用来实现开发阶段的页面自动刷新(热重载)
— dev-server.js # 运行本地开发服务器
— utils.js # 构建相关工具方法
— webpack.base.conf.js # wabpack基础配置
— webpack.dev.conf.js # wabpack开发环境配置
— webpack.prod.conf.js # wabpack生产环境配置
config # 配置目录,包括端口号等
— dev.env.js # 开发环境变量
— index.js # 项目配置文件
— prod.env.js # 生产环境变量
— test.env.js # 测试环境变量
node_modules # npm||cnpm install 安装的依赖代码库
src # 存放项目源码
— assets # 放置一些图片,如logo等
— components # 目录里面存放一些公共组件
— App.vue # 根组件
— main.js # 入口js文件
static # 存放静态资源(图片、字体等),不会被wabpack构建
— .gitkeep # 当static目录为空文件夹时git也可以提交到代码仓库
test # 测试文件目录
babelrc # babe文件的编译配置
— presets # 预设转码规则
— plugins # 除了预设的,还可以根据自己的需求添加其他转码插件
— comments # 转换后代码生不生成注释
.editorconfig # 编辑器的配置
— charset # 编码
— indent_style # 缩进风格
— indent_size # 缩进长度
— end_of_line # 换行风格
— insert_final_newline # 创建一个文件是否自动在文件末尾插入一个新行
— trim_trailing_whitespace # 移除文件末尾多余的空行
eslintignore # 忽略语法检查的目录文件
.eslintrc.js # eslint的配置文件
index.html # 入口页面
package.json # npm包配置文件
avicon.ico # 网站图标