# vue-automation

**Repository Path**: fjzzp/vue-automation

## Basic Information

- **Project Name**: vue-automation
- **Description**: 为统一 Vue 项目初期配置而设立，方便快速进行业务开发。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 148
- **Created**: 2018-12-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-automation

## 说明

该仓库是为统一 Vue 项目初期配置而设立，方便快速进行业务开发。

## 依赖

- vue-router
- vuex
- axios
- vue-cookies
- vue-meta
- node-sass
- sass-loader
- webpack-spritesmith

## 例子

拉取到本地运行后，会看到部分功能演示，同时项目目录里带有 `example` 的目录均为演示代码。

## IDE（编辑器）

推荐使用 [VS Code](https://code.visualstudio.com/) ，并安装以下扩展：

- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

ESLint 参考配置

```json
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue-html",
    {
        "language": "vue",
        "autoFix": true
    }
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,
"eslint.packageManager": "yarn"
```

## 代码风格

如果不能接受本项目的代码风格，可在 `.editconfig.js` 和 `.eslintrc.js` 中分别修改编辑器配置和代码风格规则后，运行 `npm run lint` 进行代码风格检查并修复。

例如你想以 2 个空格进行代码缩进，需要在 `.editconfig.js` 里将 `indent_size = 4` 改为 `indent_size = 2` ，在 `.eslintrc.js` 里分别将 `indent` 、`vue/html-indent` 、`vue/script-indent` 均设置为 2 ，最后运行 `npm run lint` ，部分规则可能不支持自动修复，则需要手动操作，可以参考以下两个规则配置文档：

1. [ESLint](http://eslint.cn/docs/rules/)
2. [eslint-plugin-vue](https://vuejs.github.io/eslint-plugin-vue/rules/)