# template

**Repository Path**: yanjinzhong/template

## Basic Information

- **Project Name**: template
- **Description**: app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-05-12
- **Last Updated**: 2021-04-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jnh-template

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### 目录规范
```
app 根目录
   public html文件目录
      index.html 主文件
      favicon.ico  地址栏图标logo
   src 源码目录
      assets 资源文件(css样式、字体、图片、本地json数据)
         css
            _base.scss  修改element-ui组件样式
            _icon.scss 集成的图标文件
            _mixin.scss 定义混入样式
            _reset.scss 初始化浏览器的默认样式
            _style.scss 声明的全局样式变量
            main.scss 样式的入口文件,带有_标识的文件import进来后,会将这些文件编译在一起，而不是分开编译
            layout.scss 页面样式
         font 字体文件
         image 背景图、banner图
         img 图标、gif图
         json 本地json数据
      axios axios封装
         fetch.js 二次封装改造axios方法
         index.js 暴露给vue的方法，通过vue原型链的方式添加封装好的axios
         parameter.js 接口的统一异常处理、参数的处理
         api.js api接口的信息主入口(除非接口数量少,不然必须将api接口分模块处理)
            module api接口模块信息
      components 公共组件文件
         layout 布局组件
            layout-header.vue
            layout-sidebar.vue
            layout-footer.vue
         basic 通用基础组件
            basic-dialog.vue
            basic-table.vue
            basic-pagination.vue
            ...
         module 业务复用组件
            project  业务名称
               project-details.vue
      config 业务配置信息、常量、枚举值
         constants.js 常量
         enumerate.js 枚举值
         ...
      directives 自定义指令
         index.js
      filter 全局过滤器方法封装
         index.js
      plugins 第三方插件
         element.js
      router vue-router路由文件
         index.js
      utils 工具函数文件
         cookie.js cookie封装..
         storage.js localStorage封装
         verify.js 校验方法
         regexp.js 正则表达式
         ...
      view 页面组件
         index.vue 首页/主页
         login.vue 登录
         register.vue 注册
         system 系统管理
            system-user.vue 用户管理
            system-role.vue 角色管理
            system-department.vue 部门管理
            user 角色详情
               user.details.vue
               details/file 详情内的内容拆分(仅在当前页面使用到的,若多处页面需要则需放置于compoents/module文件夹下)
                  details-form/file-form
                  details-table/file-table
            
      vuex vuex状态管理
         store.js 入口文件
         业务逻辑简单:
            state.js
            actions.js
            mutations.js
            getter.js
          业务逻辑复制
            user
               state.js
               ...
            role
                state.js
                ...
      main.js 项目主入口文件
      permission.js 路由拦截处理
      App.vue 项目根组件
    
    .env.development 开发环境变量
    .env.productions 生成环境变量
    .env.test 测试环境变量     
    .browserslistrc 浏览器兼容
    .editorconfig 编辑器设置
    .eslintignore eslint检测忽略文件配置
    .eslintrc.js eslint配置
    .gitigonre git提交忽略文件配置 
    .jsdoc.conf.json jsdoc配置文件
    babel.config.js 编译文件
    jsdoc-vue.js jsdoc配置生成vue文件的注释文档
    package.json 项目所需要的模块以及配置信息等
    vue.config.js vue项目配置文件
```


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