# bk-exam-frontend

**Repository Path**: cloudResource/bk-exam-frontend

## Basic Information

- **Project Name**: bk-exam-frontend
- **Description**: 蓝鲸前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-05
- **Last Updated**: 2022-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bk-sass-frontend-template

# 首次拉取模板

导入包

```
npm install 
```

或者

```bash
#先安装cnpm
npm install cnpm -g 
#再用cnpm安装
cnpm install
```

在根目录下面创建 .env.development 文件, 配置后端api地址配置接口

```
AJAX_URL_PREFIX=http://dev.bk-uat.bkty.xyz:8000/
```

在webpack.config.js中修改常用参数

```bash
devServer: {
        host: '0.0.0.0',
        port: 8081,
    },
```

执行命令（本地启动http服务）

```bash
npm run dev
```

# 生产环境构建

```bash
npm run build
```

# 代码自动符合规范

```
npm run lint:js
npm run lint:style
```

# 常见配置

```js
配置左侧导航栏菜单: src/Layout.vue -> data的nav.list
新建页面: src/views/page-name
注册页面路由: src/router/index.js
新增API接口: src/domain下新增对应的model/service/source文件, 即数据格式/请求返回处理/请求地址源
```

# 环境变量

```js
引入:
webpack.config.js在开发编译时注入.env.development里定义的变量到index-dev.html里的<%= 变量名%>
index.html在编译后, '{{变量模板}}' 会被后端替换

使用地:
src/router/index.js 的路由根路径rootPath
src/utils/request/lib/request.js 用到CSRF_COOKIE_NAME
src/utils/request/index.js 用到AJAX_URL_PREFIX
```

# VSCode插件

```js
ESlint格式化器配置: 
	安装ESLint(默认已安装)
	配置为Formatter,打开VSCode设置,搜索enable eslint as a formatter, 勾选上
	打开要格式化的文件,右键[使用...格式化文档], 选择用ESLint

koroFileHeader:
	用于自动插入头部版权作者等信息
	CTRL+SHIFT+P输入setting.json, 在配置里添加:
  		 "fileheader.customMade": {
       			 "custom_string_obkoro1": "@Copyright (C) 2022 腾云忆想 All rights reserved",
       			 "Description": "无",
       			 "LastEditors": "xxx@tenpos.com", // 文件最后编辑者
        		 "LastEditTime": "Do not edit" // 文件最后编辑时间
    		  },
    		 "fileheader.configObj": {
        		"specialOptions": {
           		 	"LastEditors": "Created by",
       			 }
    		 },

expand-region:
	用于快速扩展选择区
```

# 参考

[蓝鲸作业平台（Job）前端代码](https://github.com/Tencent/bk-job)