vue-cli创建的项目的目录结构及说明
转自:http://blog.csdn.net/qq_34543438/article/details/72868546?locationNum=3&fps=1
一、
├── build // 项目构建(webpack)相关代码 记忆:(够贱) 9个
│ ├── build.js // 生产环境构建代码
│ ├── check-versions.js // 检查node&npm等版本
│ ├── dev-client.js // 热加载相关
│ ├── dev-server.js // 构建本地服务器
│ ├── utils.js // 构建配置公用工具
│ ├── vue-loader.conf.js // vue加载器
│ ├── webpack.base.conf.js // webpack基础环境配置
│ ├── webpack.dev.conf.js // webpack开发环境配置
│ └── webpack.prod.conf.js // webpack生产环境配置
二、
├── config// 项目开发环境配置相关代码 记忆: (环配) 3个
│ ├── dev.env.js // 开发环境变量(看词明意)
│ ├── index.js //项目一些配置变量
│ └── prod.env.js // 生产环境变量
三、
├──node_modules// 项目依赖的模块 记忆: (依赖) *个
四、
├── src// 源码目录 5
1
│ ├── assets// 资源目录
│ │ └── logo.png
2
│ ├── components// vue公共组件
│ │ └── Hello.vue
3
│ ├──router// 前端路由
│ │ └── index.js// 路由配置文件
4
│ ├── App.vue// 页面入口文件(根组件)
5
│ └── main.js// 程序入口文件(入口js文件)
五、
└── static// 静态文件,比如一些图片,json数据等
│ ├── .gitkeep
剩余、
├── .babelrc// ES6语法编译配置
├── .editorconfig// 定义代码格式
├── .gitignore// git上传需要忽略的文件格式
├── index.html// 入口页面
├── package.json// 项目基本信息
├── README.md// 项目说明
附录、
一般情况下:
ESlint es6的代码风格检查器 y
AirBNB 默认
Karma + Mocha No
e2e No
相关文章
- vue:自定义验证form表单中的数组
- 【记录】vue构建项目npm install错误run `npm audit fix` to fix them, or `npm audit` for details
- vue生成路由实例, 使用单个vue文件模板生成路由
- Vue + webpack 项目实践
- 高性能流媒体服务器EasyDSS前端重构(一)-从零开始搭建 webpack + vue + AdminLTE 多页面脚手架
- Vue命名规范
- vue 项目 打印, 要求 只打印div里面的内容
- vue项目该不该使用eslint验证?
- vue脚手架搭建2022年6月版本(保姆级-直接到路由使用)
- Vue项目通过scrollIntoView实现锚点点击页面平滑滚动
- echarts在Vue项目中的实际运用效果图
- 使用VSCode创建第一个VUE项目
- Vue(八)vue 脚手架、脚手架创建项目示例
- 【vue】如何安装vue 脚手架以及创建脚手架项目_10
- 基于Java+SpringBoot+Vue前后端分离即时通讯系统设计与实现
- NodeJS+Vue+Element-Ui/Plus+Axios+Vue-router+vuex 详细下载、安装、创建项目、引入
- vue第五天
- 如何将vue项目打包为.apk文件