在了解项目的分布后，参与开发前必然是需要搭建开发环境。

希望下面的内容可以帮助你进入状态。

## IDE

* [vs code](https://code.visualstudio.com/)

  微软出品，开源，基于Electron开发，体积小，扩展多。

* [WebStorm Eap](https://www.jetbrains.com/webstorm/eap/)

  有强大的智能补全和提示，写起来比 vs code 舒服很多。
  但是是一款收费软件，这里建议使用免费的 WebStorm Eap 版，是预发布版本，每月更新体验测试。

## 开发环境搭建

目前项目主要分为有 `后端渲染网站类` `前后端分离应用类`。

* 后端渲染网站类：采用 go 语言开发，需要安装对应环境或使用编译后的可执行文件。
* 前后端分离应用类：需要安装 Node 环境。

## 后端渲染网站类

核心项目 `jy` 项目采用后端渲染网站类，所以这里主要介绍如何配置开发环境。

## 使用可执行文件运行
> 注意：如果用了测试环境接口，则要修改本地可执行文件下配置，让登录状态保持一致

如果临时处理任务，可获取可执行文件运行项目。

以Windows为例，执行下面两个可执行文件，来启动项目
```
./src/main.exe
./src/jfw/modules/app/src/app.exe
```

## 安装go自行编译运行

长期项目或新增项目，建议使用go自行编译运行。

根据自己操作系统下载对应的安装包：[安装包下载地址](https://go.dev/dl/)


## 安装nginx

根据自己操作系统下载不同的平台(Windows/MAC)的安装包：[安装包下载地址](https://nginx.org/en/download.html)

## nginx配置

拉取配置文件
```
git clone http://192.168.3.207:8080/cuiyalong/nginx-conf.git
```
将本地 nginx.conf 配置文件替换掉，并将`/servers`目录下文件复制到 nginx.conf同级

在根据自己代码位置，对`/servers/localhost.conf`进行修改

### 使用测试环境接口
```
location /bigmember {
    # 兼容本地http与测试环境的https
    proxy_set_header    Host jybx2-webtest.jydev.jianyu360.com;
    proxy_pass    https://jybx2-webtest.jydev.jianyu360.com;

    # proxy_pass    http://127.0.0.1:814;
}
```

## 前后端分离应用类

这类项目大家都比较熟悉了，基于Node运行，安装依赖包。

## Node

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

推荐使用 `nvm`。

* [node](https://nodejs.org/en/) 官网下载最新稳定版

* [nvm](https://github.com/coreybutler/nvm-windows) 使用nvm管理和切换Node版本

* [npx](https://juejin.im/entry/59658035f265da6c360a19dd) 使用npx也可以用来切换Node版本
  ```
  npx node@4 -e "console.log(process.version)"
  npx node@6 -e "console.log(process.version)"
  ```

## 包管理
推荐使用 `pnpm`，优先采用[内网包管理](http://192.168.3.71:4873/)， 如果网络不好，可以切换到外网。

* [pnpm](https://pnpm.js.org/)
  ```shell
  npm install -g pnpm
  ```

::: code-group

```shell [pnpm]
pnpm set registry http://192.168.3.71:4873/
```

```shell [yarn]
yarn config set registry http://192.168.3.71:4873/
```
:::