【Vue】项目代码结构介绍
Vue开发环境搭建
vue开发环境搭建完成后,通过vue-cli生成的项目结构如下
build --webpack 打包配置项,自动构建,一般不需要修改
config -- 配置文件
index.js --基础配置
dev.env.js -- 开发环境配置
prod.env.js --线上环境配置
src源码文件
assets -- 图片类资源
componens -- 组件文件
router -- 路由组件
App.vue --原始根组件
main.js --入口文件
node-modules -- 项目运行依赖包文件,自动生成
static -- 静态资源文件夹
.babelrc -- 语法解析器配置文件
.editorconfig -- 编辑器语法配置文件
.eslintignore -- 包含不做代码检测的文件夹
.eslintrc -- 代码检测,规范配置文件
.gitignore -- 特殊文件,不上传到git仓库
.postcssrc -- 对postcss的配置项,postcss是一个用 JavaScript 工具和插件转换 CSS 代码的工具
index.html -- 项目默认模板
LICENSE --开源协议说明
package-lock.json -- 第三方依赖包的版本,保持团队编程的统一
package.json -- 第三方依赖包文件
README.md -- 项目的说明
以上是 【Vue】项目代码结构介绍 的全部内容, 来源链接: utcz.com/z/375311.html