## 特别说明
**请务必按照本文档部署运行章节 进行操作,减少踩坑弯路!!**
## 环境说明
下载基础环境软件
```
链接:https://pan.baidu.com/s/1dYUau96PPR_QXWzVjgpaAQ
提取码:jlkx
```
|工具|版本|备注|
|-|-|-|
|PHP|7.3|强制要求|
|MySql|8.0|强制要求|
|Redis|3.0+||
|Composer|2.2.3+||
|Nginx|1.15.11+||
|Node.js|14+||
|tyarn|1.0+||
### **`phpStudy` 安装**
#### 双击安装`phpStudy`
![](https://img.kancloud.cn/4b/2a/4b2a04a5a24b724d6b51c2babec0b09e_983x393.png)
#### 选择自定义选项
![](https://img.kancloud.cn/b1/4d/b14db24131286cde0952fd7858a9616e_567x411.png)
#### 选择路径并点击立即安装
![](https://img.kancloud.cn/31/35/313534528e9fd57183ab2191bbc8ea5f_578x459.png)
#### 等待安装...
![](https://img.kancloud.cn/a2/72/a27255d339923258aa3eebb231004acf_565x410.png)
#### 点击安装完成
![](https://img.kancloud.cn/ec/fe/ecfe8644c393d704ea213754290b0bd1_559x400.png)
#### 看到这个页面表示完成安装了
![](https://img.kancloud.cn/bb/ca/bbca676400af185dfb49468082293341_800x630.png)
#### `MySql8.0.12`安装,点击软件管理,点击安装`Mysql8.0.12`
![](https://img.kancloud.cn/03/c3/03c35e950ab797afea83cc19ffbdeb14_800x630.png)
#### 等待安装完成
![](https://img.kancloud.cn/47/65/476524dfe99b385e690824749c490de8_800x630.png)
#### 恭喜您`Mysql8.0.12`安装完成
![](https://img.kancloud.cn/88/4e/884e287dfd76a202ed8a2a3c886bad93_800x630.png)
#### 查看`PHP7.3.4nts`是否默认安装,如果未安装,请点击安装。
![](https://img.kancloud.cn/87/62/876273fc4fcbd879aa1a4996edf7f931_800x630.png)
#### `redis3.0.504` 安装,点击软件管理,点击安装`redis3.0.504`
![](https://img.kancloud.cn/34/0c/340c8ad1ddbf25bbec7a87e48b5e34ee_800x630.png)
#### 等待安装完成
![](https://img.kancloud.cn/c4/88/c488fe6f0f2a95c35c89180a29815417_800x630.png)
#### 恭喜您`redis3.0.504`安装完成
![](https://img.kancloud.cn/64/1c/641cfdccb5a59f055fa9b50f8c03f5fe_800x630.png)
#### 点击`redis`设置
![](https://img.kancloud.cn/0d/4a/0d4a636e194837aad1da93c1533c6132_800x630.png)
#### 设置`redis`密码并确认
![](https://img.kancloud.cn/f0/73/f0737842ffa4da6a9fe188fbf24b7d49_476x444.png)
#### Composer安装
>安装`composer`之前先要配置环境变量
#### 点击设置
![](https://img.kancloud.cn/2a/36/2a363cf4045845eea341e26483a2862f_676x678.png)
#### 搜索 `环境` 点击 `编辑系统环境变量`
![](https://img.kancloud.cn/bc/3d/bc3de3ddb75f7b800b44567794e8c415_1187x671.png)
#### 点击 `环境变量`
![](https://img.kancloud.cn/50/c6/50c63260464a26f98521a4c8177fe27d_493x605.png)
#### 点击`Path`,点击`编辑`
![](https://img.kancloud.cn/d0/1f/d01fee0c8ed29f1ffbacaa6e0dff36de_632x666.png)
#### 点击 `新建`,配置`php`所在目录,点击确定。
![](https://img.kancloud.cn/1f/06/1f06d3e6e1f9924c72ef234840ebc559_632x666.png)
#### 最后点击`确定`,配置完成(这里两个都要点击`确定`)
![](https://img.kancloud.cn/fd/a8/fda801974ed433c8e4c458f0fdf06b11_632x666.png)
![](https://img.kancloud.cn/64/be/64be0ac431939a73ff53a380085d96ce_493x605.png)
#### 验证`php`是否配置成功,搜索`cmd`,点击`以管理员身份运行`
![](https://img.kancloud.cn/3e/78/3e789a41e649384340662ad64ef0c1a0_779x676.png)
#### 在命令行中执行`php -v`,出现一下结果表示成功
```
php -v
```
![](https://img.kancloud.cn/a9/13/a913ae8f5f4990752a18f97cb8e35ba3_993x519.png)
#### 点击`Composer-Setup.exe`进行安装
![](https://img.kancloud.cn/de/0b/de0b8c28b2235bfd6afdc55b62cc9e60_968x411.png)
#### 点击 `以管理员身份安装`
![](https://img.kancloud.cn/99/3e/993e9ff5c38ac10e1418df607653bf44_919x482.png)
#### 点击 `Next`
![](https://img.kancloud.cn/3e/44/3e449a65d58cdc79c5d66a930478b340_654x482.png)
#### 点击 `Next`
![](https://img.kancloud.cn/90/a7/90a770f9ed2a1bf6a0686cefea76b868_643x477.png)
#### 等待安装配置
![](https://img.kancloud.cn/b7/d6/b7d63b4d7a816011da6409591465a6f1_654x482.png)
#### 点击 `Next`
![](https://img.kancloud.cn/d3/c5/d3c58c6cf039ab2965ec1e0a777a5663_654x482.png)
#### 点击 `Install`
![](https://img.kancloud.cn/80/32/8032285cbe4fd0b69c4c26cd43691af4_654x482.png)
#### 等待安装
![](https://img.kancloud.cn/bb/e4/bbe41d60755b7802eec088c5e8eff777_654x482.png)
#### 点击 `Next`
![](https://img.kancloud.cn/3d/a7/3da755616a7e465c644bbede12ac1a84_654x482.png)
#### 点击 `Finish`
![](https://img.kancloud.cn/94/ad/94adffd0d69344ce9b40b7bc2b0606a9_654x482.png)
#### 验证composer是否安装完成,打开`cmd`,执行`composer -v`,出现以下结果,表示安装成功。
```
composer -v
```
![](https://img.kancloud.cn/ee/8b/ee8bb324732b299a3e76a29f1924c391_993x519.png)
### **`navicat` 数据库管理工具安装**
![](https://img.kancloud.cn/1b/71/1b7144975b4129c7bd22adfdf874e7ad_1206x504.png)
#### 点击`下一步`
![](https://img.kancloud.cn/c4/aa/c4aa5da6efbeb9abb66c04c18e1f684f_503x389.png)
#### 选择`我同意`,点击`下一步`
![](https://img.kancloud.cn/49/9a/499af3d5c18347c647ce69050d3527fc_503x389.png)
#### 选择`安装目录`,点击`下一步`
![](https://img.kancloud.cn/f0/05/f0059fc00af01a8b830e245c10be1ea6_503x389.png)
#### 点击`下一步`
![](https://img.kancloud.cn/a1/86/a18610685bd842c0218408a70391615f_503x389.png)
#### 点击`下一步`
![](https://img.kancloud.cn/37/98/379871c3ff0a374b5bde0be6c285b8f0_503x389.png)
#### 点击`安装`
![](https://img.kancloud.cn/34/47/3447dbeb2de471da91926ca814dcee8c_503x389.png)
#### 点击`完成`
#### 第一次打开需要注册码
```
NAVL-KSG4-K8D8-8TV6
```
![](https://img.kancloud.cn/1b/fc/1bfccc426acd7e1eba6d73a1eed36154_503x389.png)
### **`GIT` 安装,点击`Git-2.34.1-64-bit.exe`**
![](https://img.kancloud.cn/78/e5/78e55b9737c27167b32026e0f7295536_880x478.png)
#### 点击 `Next`
![](https://img.kancloud.cn/b0/79/b0796659ec0aa0220b8071fad0ce44e8_513x399.png)
#### 选择自己的安装路径,点击 `Next`
![](https://img.kancloud.cn/2d/9d/2d9d11adb9892ed402ea80e648df5dbf_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/29/07/2907cf1c2ad615c7f27772a72697426f_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/73/f3/73f37fbc33d83c89bed9f579be3ae9e9_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/ff/54/ff54ca1ddeda75846b25b04e301ad679_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/d0/02/d002314e5890681371a230c53e71419e_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/8a/3b/8a3b2421c40ab78bca60fd375a8bd0c2_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/96/4b/964bdad0215ae23e8675e24df05d75f0_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/65/da/65daa22e246dbef991628ff682ded8e4_513x399.png)
#### 点击 `Next`
![](https://img.kancloud.cn/4e/33/4e33fa8b950ffb7ca0f2f532127b6c13_513x399.png)
#### 后面的都点`Next`,就可以看到安装页面了
![](https://img.kancloud.cn/ee/d2/eed2c013939a0de8788454bf57753c80_513x399.png)
#### 安装完成点击`Finish`
![](https://img.kancloud.cn/cd/f6/cdf6d8123191050de989ff2f92f6f976_513x399.png)
#### 验证`GIT`是否安装成功,并配置码云。
#### 打开`git bash`命令行并输入以下命令
```
git config --global user.name "你的名字"
```
```
git config --global user.email "你的Email"
```
![](https://img.kancloud.cn/0f/d8/0fd8a8918a1811691e9430408a1ffece_595x377.png)
#### 查看`GIT`配置结果,并且输入`wq`退出
```
git config --list
```
![](https://img.kancloud.cn/df/bd/dfbd01237b86a6fb51523c9475d39616_595x377.png)
```
wq
```
#### 生成`id_rsa.pub`
```
ssh-keygen -t rsa -C "你的邮箱"
```
![](https://img.kancloud.cn/de/12/de121fe0596ae767c50b2ad314e29872_595x377.png)
#### 根据`.ssh`文件夹存放的目录找`id_rsa.pub`, 将id_rsa.pub中的内容复制
![](https://img.kancloud.cn/81/cd/81cd14b537d8f4e8305c6062a5972fc7_906x370.png)
#### 打开码云,登录,设置,SSH公钥,
![](https://img.kancloud.cn/ba/87/ba8719b52c84d3c17f1920b596340617_1366x657.png)
#### 找一个开源项目,点击`克隆/下载`,点击`SSH`,点击`复制`
![](https://img.kancloud.cn/d2/d4/d2d4e4e0478f3ea1e4d0054ad0e138ac_1366x657.png)
#### 在`GIT`命令行中执行以下命令,看到如下结果表示成功。
```
git clone 上一步复制的内容
```
![](https://img.kancloud.cn/c2/79/c27971be94d949f31a88d51135498b51_595x377.png)
### **`Node.js` 安装**
![](https://img.kancloud.cn/ee/e3/eee3ae1fe1dbf07e53930b1dc928460a_851x390.png)
#### 点击 `Next`
![](https://img.kancloud.cn/46/ed/46eda252e610078d735d2103d8b07278_499x389.png)
#### 点击 `Next`
![](https://img.kancloud.cn/6a/38/6a382d37100e44752a4c7f12d3c740b4_499x389.png)
#### 选择安装目录,点击 `Next`
![](https://img.kancloud.cn/e3/0b/e30b33019b8d9f72624acf9ec2325e89_499x389.png)
#### 点击 `Next`
![](https://img.kancloud.cn/e8/a6/e8a6f67af71a728b651202dfb9d63af3_499x389.png)
#### 点击 `Next`
![](https://img.kancloud.cn/4a/0d/4a0d81f7f32a9c3521f12b937dc2bbbb_499x389.png)
#### 点击 `Install`
![](https://img.kancloud.cn/d3/86/d3866cd20c598a0a33cfe993449ac07c_499x389.png)
#### 等待安装...
![](https://img.kancloud.cn/e2/7e/e27ed16371f9fd840fb2a9ff33abf940_499x389.png)
#### 点击 `Finish`,安装完成
![](https://img.kancloud.cn/a3/6d/a36d36b3553c0ea1178d943c0f25a3a7_499x389.png)
#### 验证`Node.js` 安装是否成功,打开`cmd`,执行`node -v`
```
node -v
```
![](https://img.kancloud.cn/1b/f0/1bf0daa31216c1045bdf39ade70faa91_993x519.png)
#### 在node.js的安装目录下新建`node_global`和`node_cache`、`yarn_global`、`yarn_cache`文件夹。
![](https://img.kancloud.cn/af/2f/af2f69ee9349082d40220c0daccb2b85_832x471.png)
#### 在用户变量Path中添加自己的`node_global`文件夹所在的路径,我的是路径是`D:\nodejs\node_global`,在用户变量Path中添加自己的`yarn_global`文件夹所在的路径,我的是路径是`D:\nodejs\yarn_global`。
![](https://img.kancloud.cn/80/21/8021c1ca9d8ed9f1bb439daa0bb68c0f_817x638.png)
#### 系统变量设置,添加变量NODE_PATH,值为`D:\nodejs\node_global\node_modules`,根据自己`node_modules`文件夹所在的路径修改。
![](https://img.kancloud.cn/64/52/64526b138c427cfd7b150f70776fe241_1012x641.png)
#### 运行`cmd`,执行`npm`路径配置命令
~~~
# 查看缓存目录
npm config get cache
yarn cache dir
# 清理缓存包
npm cache clean --force
yarn cache clean
# 设置npm缓存目录:修改默认在C盘的缓存,防止C盘过大(提前建立好缓存文件夹)
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
# 配置Yarn缓存目录: 第一步
yarn config set prefix G:\temp\yarn-global
yarn config set cache-folder D:\nodejs\yarn_cache
yarn config set global-folder D:\nodejs\yarn_global
# 第二步,打开%userprofile%,修改.yarnrc,添加新行:
--global-folder "D:\nodejs\yarn_global"
# 最后通过yarn global dir验证一下修改是否成功
# 查看当前源
npm get registry
yarn config get registry
# 设置镜像源
npm config set registry https://registry.npmjs.org
npm config set registry http://registry.npm.taobao.org/
npm config set registry https://registry.npmmirror.com/
yarn config set registry http://registry.npm.taobao.org/
# 安装淘宝的cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 安装tyarn
npm i yarn tyarn -g
# yarn中global包升级
yarn global upgrade
# yarn中特定包升级
yarn upgrade -lastest umi
yarn upgrade umi@3.0.0
~~~
![](https://img.kancloud.cn/2a/4f/2a4f477c8ec755da536edfb9f79c8fa4_993x519.png)
#### 查看本地仓库
```
npm list -global
```
![](https://img.kancloud.cn/7f/22/7f222258f90a300e3da5034bbad8694e_993x519.png)
#### 更换镜像站为国内的淘宝镜像站
```
npm config set registry=http://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
```
#### 查看本地镜像能不能通
```
npm config get registry
```
![](https://img.kancloud.cn/00/d4/00d40244e372be72ae61e11a36f33bbe_993x519.png)
#### 安装 `yarn`
```
npm install -g yarn
```
![](https://img.kancloud.cn/74/fc/74fc467f1ef7c1c4fd0eba3a60179c64_993x519.png)
#### 查看`yarn`版本
```
yarn --version
```
![](https://img.kancloud.cn/c4/a1/c4a1bb1dabc8bf606c5660fe90d26b5c_993x519.png)
#### 安装 `tyarn`
```
npm install -g tyarn
```
![](https://img.kancloud.cn/ec/59/ec593b9666c919f3462c2ee3f3ccb66e_993x519.png)
#### 查看`tyarn`版本
```
tyarn --version
```
![](https://img.kancloud.cn/03/34/0334cf57484d1a3fc62ab8b0d1a727c6_993x519.png)
### **安装`VSCode`**
![](https://img.kancloud.cn/de/6e/de6ec842c434ce3aa52dab70026aa90c_1080x421.png)
#### 选择`我接受协议`,点击`下一步`
![](https://img.kancloud.cn/d3/55/d3552cc185edff6b9740e9ed05ff1cee_503x389.png)
#### 点击选择`安装目录`,点击`下一步`
![](https://img.kancloud.cn/18/cb/18cbc7ce8c290889d4a7da2fdd957b89_503x389.png)
#### 点击`下一步`
![](https://img.kancloud.cn/66/29/6629ff938deb5bfa49eb767c2dfaac31_503x389.png)
#### 选择`创建桌面快捷方式`,点击`下一步`
![](https://img.kancloud.cn/37/0f/370f0f3e0197fb7f9191937deb1d29da_503x389.png)
#### 点击`安装`
![](https://img.kancloud.cn/7d/c7/7dc7bcf4f6f2f1876d731ff09b741d1b_503x389.png)
#### 等待安装完成...
![](https://img.kancloud.cn/4a/09/4a092f4a61239bbc24b0b69a3d8cf1b4_503x389.png)
#### 点击`完成`
![](https://img.kancloud.cn/27/d5/27d54fc68644cef132a4029605c2a033_503x389.png)