# 项目初始化模板

**Repository Path**: i-follow-the-wind/ws-vue-admin

## Basic Information

- **Project Name**: 项目初始化模板
- **Description**: vue2 & vue cli 3 项目初始化模板，主要用于平常项目启动时省略掉创建项目和配置导航等布局的步骤
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-07-06
- **Last Updated**: 2022-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ws-vue-admin

> 这是一个 极简的vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control 这些搭建后台必要的东西。

## 注意
> 这个版本的本地mock可以运行，无需加载外部mock项目


## Build Setup

``` bash

# Clone project
git clone https://gitee.com/i-follow-the-wind/ws-vue-admin.git

# Install dependencies
npm install

# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# node-sass 不能安装时使用
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

# serve with hot reload at localhost:9528
npm run serve

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

## 项目目录
``` lua
├── helpDoc -- 帮助文档
├── mock -- mock数据
├── public -- 静态资源
├── src -- 源码目录
│   ├── api -- axios请求接口
│   ├── assets -- 静态图片资源文件
│   ├── components -- 通用组件
│   ├── filters -- 通用过滤器
│   ├── layout -- 项目布局
│   ├── router -- vue-router路由配置
│   ├── store -- vuex状态管理
│   ├── styles -- 全局css样式
│   ├── utils -- 工具类
│   └── views -- 前端页面
│       ├── dashboard -- 主页     
│       ├── nested -- 多层菜单   -> admin
│       ├── errorPage -- 401/404..
│       └── login -- 登录界面
├── .env.xxx                   # 环境变量配置
├── .babelrc                   # babel-loader 配置
├── vue.config.js              # vue-cli 配置
└── package.json               # package.json
```

* 建议icons、errorPage、tgz合并为other

## 项目依赖


生产依赖
```json
"axios": "^0.21.1",            // 请求库
"core-js": "^3.6.5",           // 使IE浏览器也能够正常的解析es6语法
"element-ui": "^2.15.3",       // 组件库
"js-cookie": "^2.2.1",         // cookie缓存
"nprogress": "0.2.0",          // 顶部的进度条
"path-to-regexp": "^2.4.0",    // 路由解析
"screenfull": "4.2.0",         // vue全屏
"vue": "^2.6.11",              // vue三件套
"vue-router": "^3.2.0",        // vue三件套
"vuex": "^3.4.0"               // vue三件套
```

开发依赖
```json
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"mockjs": "^1.1.0",                        // mock数据
"node-sass": "^4.12.0",                    // 加载 Sass/SCSS 文件并将他们编译为 CSS
"sass-loader": "^8.0.2",                   // 加载 Sass/SCSS 文件并将他们编译为 CSS
"vue-template-compiler": "^2.6.11"         // .vue文件解析
```

## 技术栈

| 技术 | 说明 | 版本 |
| --- | --- | --- |
| [Vue](https://vuejs.org) | 框架 | 2.6.11 |
| [Vue-router](https://router.vuejs.org) | 路由框架 | 3.2.0 |
| [Vuex](https://vuex.vuejs.org) | 全局状态管理框架 | 3.4.0 |
| [Element](https://element.eleme.io) | UI框架 | 2.15.3 |
| [Axios](https://github.com/axios/axios) | HTTP框架 | 0.21.1 |
| [Mock](http://mockjs.com/) | Mock数据 | 1.1.0 |



## Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## 责任声明
仅供学习参考，请勿用于商业，如有问题，概不负责。