🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 特别说明 **请务必按照本文档部署运行章节 进行操作,减少踩坑弯路!!** ## 环境说明 下载基础环境软件 ``` 链接: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)