(Window)初始化Vue项目结构目录 二
2018-01-29 14:06
591 查看
1,初始化之前的目录结构
2,修改目录结构
src 的目录接口
├── App.vue // APP入口文件
├── components // 组件文件夹,目前为空
├── main.js // 项目配置文件
├── page // 我们的页面组件文件夹
├── router // 路由配置文件夹
│ └── index.js // 路由配置文件
└── utils // 常用工具文件夹
└── index.js // 常用工具文件
static静态资源目录结构
├── css // 放一些Css样式文件
├── image // 放图片文件
├── README.md // 项目说明文档 ├── node_modules // 项目依赖包文件夹 ├── build // 编译配置文件,一般不用管 │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config // 项目基本设置文件夹 │ ├── dev.env.js // 开发配置文件 │ ├── index.js // 配置主文件 │ └── prod.env.js // 编译配置文件 ├── index.html // 项目入口文件 ├── package-lock.json // npm5 新增文件,优化性能 ├── package.json // 项目依赖包配置文件 ├── src // 我们的项目的源码编写文件 │ ├── App.vue // APP入口文件 │ ├── assets // 初始项目资源目录,回头删掉 │ │ └── logo.png │ ├── components // 组件目录 │ │ └── Hello.vue // 测试组件,回头删除 │ ├── main.js // 主配置文件 │ └── router // 路由配置文件夹 │ └── index.js // 路由配置文件 └── static // 资源放置目录
2,修改目录结构
src 的目录接口
├── App.vue // APP入口文件
├── components // 组件文件夹,目前为空
├── main.js // 项目配置文件
├── page // 我们的页面组件文件夹
├── router // 路由配置文件夹
│ └── index.js // 路由配置文件
└── utils // 常用工具文件夹
└── index.js // 常用工具文件
static静态资源目录结构
├── css // 放一些Css样式文件
├── image // 放图片文件
相关文章推荐
- vue-cli 初始化项目结构
- Webpack创建、运行vue.js项目及其目录结构详解
- Vue项目搭建流程 以及 目录结构构建
- vue项目目录结构生成 利用CMD生成tree
- Vue+webpack项目配置便于维护的目录结构教程详解
- Webpack创建、运行vue.js项目及其目录结构详解
- vue-cli创建的项目的目录结构及说明
- vuex - 项目结构目录及一些简单配置
- vue项目开发的目录结构
- vuex 项目结构目录及一些简单配置介绍
- 深入理解Vue-cli搭建项目后的目录结构探秘
- vue项目目录结构
- Vue.js项目目录结构
- vue-cli创建的项目的目录结构及说明
- Vue项目目录结构注解附assets与static目录的区别
- 基于vue-cli创建的项目的目录结构及说明介绍
- vue项目目录结构说明
- Vue.js项目新建及目录结构分析
- 详解使用vue-cli脚手架初始化Vue项目下的项目结构
- iOS项目的目录结构和开发流程