README.md 1.43 KB
Newer Older
yukang lv's avatar
提交    
yukang lv committed
1
# 中国标准化研究院机构知识库
yukang lv's avatar
yukang lv committed
2

yukang lv's avatar
提交    
yukang lv committed
3
## 开发前准备
yukang lv's avatar
yukang lv committed
4

yukang lv's avatar
提交    
yukang lv committed
5
### 配置 IDE
yukang lv's avatar
yukang lv committed
6

yukang lv's avatar
提交    
yukang lv committed
7
#### 使用 vscode
yukang lv's avatar
yukang lv committed
8

yukang lv's avatar
提交    
yukang lv committed
9
10
1. ESLint(作者:Microsoft)
2. Prettier - Code formatter(作者:Prettier)
yukang lv's avatar
yukang lv committed
11

yukang lv's avatar
提交    
yukang lv committed
12
#### 使用 webstorm
yukang lv's avatar
yukang lv committed
13

yukang lv's avatar
提交    
yukang lv committed
14
15
1. 设置 ➡ 语言和框架 ➡ Javascript ➡ 代码质量工具 ➡ ESLint ➡ 勾选自动 ESLint 配置
2. 设置 ➡ 语言和框架 ➡ Javascript ➡ Prettier ➡ 勾选自动 Prettier 配置
yukang lv's avatar
yukang lv committed
16

yukang lv's avatar
提交    
yukang lv committed
17
### 安装依赖版本要求
yukang lv's avatar
yukang lv committed
18
19

```
yukang lv's avatar
提交    
yukang lv committed
20
21
node  >= 18
npm   >= 10
yukang lv's avatar
yukang lv committed
22
23
```

yukang lv's avatar
提交    
yukang lv committed
24
### 安装依赖
yukang lv's avatar
yukang lv committed
25

yukang lv's avatar
提交    
yukang lv committed
26
27
28
```shell
npm install
```
yukang lv's avatar
yukang lv committed
29

yukang lv's avatar
提交    
yukang lv committed
30
### 激活 huskey
yukang lv's avatar
yukang lv committed
31

yukang lv's avatar
提交    
yukang lv committed
32
33
34
```shell
npm run prepare
```
yukang lv's avatar
yukang lv committed
35

yukang lv's avatar
提交    
yukang lv committed
36
37
作用: 向 git 上提交代码时进行前置校验  
校验内容:代码风格(prettier)、编码规范(eslint)、提交日志规范(commitlint)
yukang lv's avatar
yukang lv committed
38

yukang lv's avatar
提交    
yukang lv committed
39
### 本地运行
yukang lv's avatar
yukang lv committed
40

yukang lv's avatar
提交    
yukang lv committed
41
42
43
```shell
npm run dev
```
yukang lv's avatar
yukang lv committed
44

yukang lv's avatar
提交    
yukang lv committed
45
### 发布前预览
yukang lv's avatar
yukang lv committed
46

yukang lv's avatar
提交    
yukang lv committed
47
依赖生产环境的配置文件,即:.env.prod。可在 `package.json` 中的 `scripts.preview` 中修改
yukang lv's avatar
yukang lv committed
48

yukang lv's avatar
提交    
yukang lv committed
49
50
51
```shell
npm run preview
```
yukang lv's avatar
yukang lv committed
52

yukang lv's avatar
提交    
yukang lv committed
53
### 分析项目依赖关系(可用于项目优化)
yukang lv's avatar
yukang lv committed
54

yukang lv's avatar
提交    
yukang lv committed
55
56
57
```shell
npm run report
```
yukang lv's avatar
yukang lv committed
58

yukang lv's avatar
提交    
yukang lv committed
59
## 构建
yukang lv's avatar
yukang lv committed
60

yukang lv's avatar
提交    
yukang lv committed
61
项目支持多环境构建。其中 `.env` 为全量配置,优先使用指定的环境变量文件中配置信息
yukang lv's avatar
yukang lv committed
62

yukang lv's avatar
提交    
yukang lv committed
63
64
65
```shell
# 测试环境,对应环境变量 .env.test
npm run build:test
yukang lv's avatar
yukang lv committed
66

yukang lv's avatar
提交    
yukang lv committed
67
68
# 预生产环境,对应环境变量 .env.pre
npm run build:pre
yukang lv's avatar
yukang lv committed
69

yukang lv's avatar
提交    
yukang lv committed
70
71
72
# 生产环境,对应环境变量 .env.prod
npm run build:prod
```
yukang lv's avatar
yukang lv committed
73

yukang lv's avatar
提交    
yukang lv committed
74
#### 配置本地代理服务api
yukang lv's avatar
yukang lv committed
75

yukang lv's avatar
提交    
yukang lv committed
76
77
1. config/useServer.js
2. target 替换 您当前的开发地址