码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 文件目录结构详解

时间:2019-10-17 17:20:42      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:web   nbsp   测试环境   modules   基础配置   edit   文件目录   脚本   tor   

  • build  构建脚本目录
    • build.js                  生产环境构建脚本
    • check-versions.js  检测node.js和npm版本
    • logo.png      vue默认图片
    • utils.js       构建相关工具的方法
    • vue-loader.conf.js  加载器
    • webpack.base.conf.js webpacke基础配置
    • 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加载的项目依赖模块
  • src    源码目录(开发目录)
    • assets    资源目录,这里的资源会被wabpack构建,放图片等信息
    • components     公共组件目录
    • routes              前端路由
    • App.vue      根组件
    • main.js     入口js文件
  •  static    纯静态资源,不会被wabpack构建。
  •  test      测试文件目录(unit&e2e)
  • .babelrc     es降级
  • .editorconfig 编辑配置项 
  • .gitignore   git打包所忽略的文件
  • .postcssrc.js 管理GitHub
  • index.html  入口页面
  • package-lock.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
  • package.json  安装的包的版本
  • README.md   项目介绍

Vue 文件目录结构详解

标签:web   nbsp   测试环境   modules   基础配置   edit   文件目录   脚本   tor   

原文地址:https://www.cnblogs.com/zhm001/p/11693173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!