# vueTemplate

**Repository Path**: gyq2/vue-template

## Basic Information

- **Project Name**: vueTemplate
- **Description**: vue2+框架模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue项目说明

> vue版本2.5.2

## 前端环境/工具/语法
* Node.js
* Yarn      ( 建议安装淘宝镜像，yarn install时可以快速安装依赖包 )
* VsCode    ( 开发工具，不是必选，可根据开发者喜好自行选择 )
* Eslint    语法规范检测,多人团队协作时可规范
* Iconfont  无设计稿的情况（1.开发环境引用在线地址。2.线上环境需打包下载 https://www.iconfont.cn/ --需新建一个项目，如多人协作可将项目添加至该目录，如设计师按照iconfont设计，建议先新建项目，设计师可将图标加入该项目中便于开发人员开发）

## 项目初始化

```javascript
// 项目初始化时需要 install 安装开发依赖

npm/yarn install
```
 
## 工程目录解释

```javascript
    
    build                   // 用来存放项目构建脚本，打包相关配置都在这里，也可配置别名，以便方便引用

    config
        dev.env.js          // 开发环境
        index.js            // 本次项目没有使用代理，跨域是后台解决的，如果需要前端配置，可在此进行代理配置
        prod.env.js         // 生产环境

    src                     // 这个目录下存放项目的源码，即开发者写的代码放在这里
        api                 
            index.js        // 公共接口
            modules         // 按模块划分--如果项目较小的话不需要区分，一个index.js文件即可
        common              
            componnents     // 公用组件
            style           // 公用less（可以定义变量文件，在文件中进行引用即可）
            index.js        // 全局组件注册
        filters             // 全局过滤方法
        options             // 配置文件（用于区分开发/生产环境公用地址）
        router              
            index.js        // 路由配置文件
        store               // 状态管理
            modules         // 按模块来区分，项目不复杂的情况下，一个Index.js即可
            getters.js      // 是store的计算属性
            index.js        // store 入口
        utils
            message         // 消息抽取公用方法
            basePage        // 常用的表格增删改接口请求方法抽取
            consts          // 常用常量抽取-用于写死的数据，抽取成公用文件方便修改
            pageable        // 表格共用属性抽取
            request         // 全局请求配置
            rule            // 公用表单验证方法
            session         // session配置
            util            // 公用工具类方法
            permisssion.js      // 白名单，用于全局路由拦截设置，目前未配置（可根据实际场景添加）
        views               // 文件下的每一个文件夹都是独立的功能
        App.vue             // 项目的主组件，所有页面都是在app.vue下切换的.vue下切换的
        main.js             // 页面程序入口文件，加载各种公共组件
    static                  // 静态资源，如图片、视频等
    .editorconfig           // 编辑器配置
    .eslintignore           // eslint忽略配置
    .eslinttrc.js           // eslint配置
    .gitignore              // git提交忽略配置
    index.html              // 项目的首页，入口页，也是整个项目唯一的HTML页面，目前使用的是在线iconfont图表，开发完成后建议打包下来
    package.json            // 定义了项目的所有依赖，包括开发时依赖和发布时依赖
    README.md               // 项目说明
```

###  开发环境

```javascript
npm/yarn run dev
```

###  项目打包

```javascript
npm/yarn run build
```

## 快速删除node_modules

```javascript
// 1.安装npm包–rimraf

npm install rimraf -g

// 2.进入所需删除的node_modules文件夹的位置，再输入指令

rimraf node_modules
```