# gongzhuang

**Repository Path**: patrickxy/gongzhuang

## Basic Information

- **Project Name**: gongzhuang
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 后台管理系统基础

##### 基于 vue-element-template 的基础项目



```bash

# 安装依赖
npm install

# 开发
npm run serve

# 打包
npm run build

#检测文件规范
npm run lint

#检测并修复本地文件
npm run lint --fix
```



主要技术栈

- vue全家桶+elementui
- axios 用于请求
- vuex-persistance 用于持久化
- eslint+preitter 用于代码格式校验以及格式化
- husky+lint-staged 提交代码前格式校验

> vscode下需安装 Vetur 、eslint 、 Prettier - Code formatter 插件

推荐vscode下 setting.json配置

````jso
{
  "jshint.enable": false,
  "files.associations": {
    "*.vue": "vue"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue-html",
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "aotoFix": true
    }
  ],
  "editor.wordWrap": "on",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto",
      // "wrap_attributes": "force-expand-multiline",
      // "wrap_attributes": "force-aligned",
      // "max_preserve_newlines": 0,
      "end_with_newline": false
    },
    "prettyhtml": {
      "singleQuote": true,
      "wrapAttributes": false,
      "sortAttributes": true,
  },
    "prettier": {
      "semi": true, // 格式化加分号 semi 双引号结尾
      "singleQuote": false, //字符串 格式化以双引号为主 true=>单引号
      "eslintIntegration":true
    }
  },
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

````