# blog-admine

**Repository Path**: mynoe/blog-admine

## Basic Information

- **Project Name**: blog-admine
- **Description**: blog-admin
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: zc
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-02
- **Last Updated**: 2021-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 📖 介绍

DANCE

# 🤝 加入开发

## 1.工具配置

### # VSCode 

微软基于TypeScript语言编写的拥抱未来的前端开发神器。

[下载地址](https://code.visualstudio.com/)

**项目必备扩展：（在vscode扩展区搜索安装）**

* Auto Rename Tag

* language-stylus

* Manta's Stylus Supremacy

* Prettier - Code formatter

* Vetur

**工作区设置：**

自动配置：

本工程自带工作区配置，理论上使用vscode打开项目并安装好扩展后无需另行配置。

手动配置：

打开用户设置，windows快捷键：「ctrl+，」，mac快捷键：「command+,」
切换到「工作区设置」，填入以下配置：

```
{
    "emmet.includeLanguages": {
        "vue-html": "html"
    },
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
        }
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "git.autofetch": true,
    "emmet.triggerExpansionOnTab": true,
    "stylusSupremacy.insertColons": false,
    "stylusSupremacy.insertSemicolons": false,
    "stylusSupremacy.insertBraces": false, 
    "editor.tabSize": 2,
    "files.eol": "\n", 
}
```

### # yarn

更快更安全的依赖包管理器

官方网站自带中文，安装过程不在赘述。

[https://yarnpkg.com/zh-Hans/](https://yarnpkg.com/zh-Hans/)

### # git

代码版本控制工具，官方教程自带中文，不再赘述。

[阅读 git book 中文版](https://git-scm.com/book/zh/v2)

## 2.开始编写

克隆代码：

```
$ git clone https://github.com/windy-wang/dance_webui.git
$ git checkout develop
```

安装依赖：

```
$ yarn
```

启动开发服务器：

```
$ yarn serve
```

## 3.提交代码

代码阶段性编写完毕后需先格式化代码再保存文件，保存文件后会自动触发编译，开发控制台打印必须没有错误和警告才可提交代码！