# tj-cli-vue

**Repository Path**: saseraw/tj-cli-vue

## Basic Information

- **Project Name**: tj-cli-vue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-06-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基础开发框架

## 项目命令列表

```
# 依赖安装
cnpm install

# 启动开发环境（常用）
npm run serve

# 打包生产环境
npm run build

# 语法检测（JS 语法）

npm run lint
# 语法检测（CSS 语法）
npm run lint:style

# 单元测试
npm run test:unit
```

## 关于 ThingJS

测试发现，将 ThingJS 变量挂载到 Vue 的变量上时，会造成性能下降。 ~~所以请将 app/appData 挂载到 window 上。~~ 所以请将 app 挂载到 this.$app，appData 挂载到 this.$appData。

```js
// App 实例
this.$app;
// App 数据
this.$appData;
```

## 关于规范约定

前端团队遵循 Airbnb 的 JS 规范，Css-Order 的布局规范。**请认真遵循**。

[Airbnb 规范](https://github.com/lin-123/javascript)

[Css-Order 规范](https://github.com/Wizard67/note-css-order)

## 关于引用别名

为了方便的引用 src 和 public 里的文件，提供了两个别名（Vue 一个，自己设置了一个）方便引用组件。

```js
// @ 是 src 的别名（src/components/A.vue）
import A from '@/components/A.vue';
// # 是 public 的别名（public/js/b.js）
import B from '#/js/b';
```

注意：尽量避免 `../` 这种引用方式，vue 格式文件需要后缀，js 格式文件不需要后缀。

## VS Code 编辑器设置

### 一：代码检测插件不生效

    1、安装 eslint 插件
    2、设置 => 搜索 “eslint” => 在 setting.json 中添加以下代码：

```json
"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    {
        "language": "vue",
        "autoFix": true
    },
    "html",
    "vue"
],
```

### 二：跨平台换行符问题

```
Expected linebreaks to be 'LF' but found 'CRLF'.eslint(linebreak-style)
```

Windows 用户执行命令：

```bash
git config --global core.autocrlf input

git config --global core.safecrlf true
```

    VS Code 设置 => 搜索 “eol”，默认行尾字符改为 \n
    如果已下载的代码不生效，删除重新克隆代码