Vue笔记——项目结构说明

版权声明:任何组织或个人禁止未经本人允许在任何媒介上发表或转载本人的文章、图片等,如需转载,请联系[email protected],转载后必须注明出处(https://blog.csdn.net/qq_40523572)和原博主(渡一) https://blog.csdn.net/qq_40523572/article/details/81453232

说明文件夹=黄色文件=绿色

文件夹 说明 包含内容 包含内容说明
build webpa相关配置,或构建脚本的目录 build.js 生产环境构建文件
check-version.js 版本检查文件
dev-client.js 开发服务器的热重载文件,实现开发阶段页面的自动刷新功能
dev-server.js 运行本地服务器文件,即命令:npm run dev
utils.js 构建相关的工具
vue-loader.conf.js 加载器配置
webpack.base.conf.js webpack基础配置
webpack.dev.conf.js webpack开发环境配置
webpack.prod.conf.js webpack生产环境配置
config 项目相关的配置目录 dev.env.js 项目在开发环境下的配置
index.js 项目的主要配置
prod.env.js 项目在生产环境下的配置
dist 编译后的文件存储 static 编译后的静态文件存储,js,css等
index.html 主页面
node_modules 依赖包    
src 项目的核心文件即代码存放的目录 assets 资源存放,会被webpack构建

components

公共组件
routerindex.js 项目路由所在:基本路由
APP.vue 根组件,一个vue文件由template、script、style三部分组成
main.js 入口文件
static 纯静态资源,不会被webpack构建    
.babelrc babel编译参数    
.editorconfig 编辑相关配置,即代码风格    
.gitignore git上传忽略的文件配置    
.postcssrc.js css转换工具    
index.html 项目的主页,一般情况下会定义一个空根节点,main.js中的实例会加载这里,内容用vue组件填充    
package.json 项目基本信息,包配置文件    
README.md 项目说明    

猜你喜欢

转载自blog.csdn.net/qq_40523572/article/details/81453232