最近公司换电脑，需要在新电脑重新安装一遍运行环境，索性记录一下完整的安装环境流程，以供参考。目前开发主要用到的是uniapp框架做小程序项目,代码管理用的是git，所以必备软件环境有以下
1：nodejs
2：git
3：HbuilderX
4：微信开发者工具
下面分条记录每个软件的下载安装全过程
1：nodejs安装
打开百度搜索nodejs会出现nodejs官网和nodejs中文网，二选一，进入以后切换到下载栏目，根据自己的系统选择对应的版本点击即可下载
nodejs搜索结果
nodejs中文网下载
下载完成以后双击运行安装，第二步勾选同意协议，一直next下一步即可完成安装。
2：git下载安装（git下载网络环境原因有概率会一直下载失败，失败的话多尝试几次或者找朋友帮忙下载即可，也可以下载别人转存的源文件），百度搜索git，在搜索结果中找到git（官方）进入以后如果机型匹配正确的话可以直接点击小电脑上的download，如果机型不匹配的话点击downloads，进入下载中心，寻找自己机型对应的软件版本下载即可。
[图片上传中...(git下载.png-2f26a1-1640323634036-0)]
git下载.png
下载完成以后双击运行安装即可，一直next下一步即可完成安装。安装成功之后可以在桌面或者任意文件夹内点击右键，如果出现git Bash here和git Gui here即为安装成功，如图
git安装成功.png
可以通过 node -v和npm -v检查是否安装了nodejs，并查看当前安装的nodejs和npm的版本
node -v
npm -v
nodejs和npm版本查看
2.1：下载完git之后可以把git项目拉去到本地（也可以下载完HbuilderX以后再HbuilderX里直接导入项目，可以选择从git导入或者从命令行导入，这里以命令行导入举例）。
主要步骤为：
2.1.1.本地创建目录存放项目（我这里放在D盘的work文件夹里）
2.1.2.打开git仓库复制当前git仓库地址，我们这里通过http克隆，点击复制地址
image.png
创建本地目录
2.1.3.进入文件夹，空白区域点击右键，选择 git bash here，打开命令行窗口输入,地址替换为自己的项目地址。
git clone https://gitlab.********/miniprogram-store
输入完之后会弹出身份校验的弹窗，输入自己的git账号密码即可。
2.1.4.clone 完成以后会生成一个项目文件夹，dir可查看当前目录下的文件和文件夹，cd 文件夹名称进入指定文件夹（文件夹名称过长的话可以打出前几个字母，按tab会自动输入对应的文件夹名称，注意多文件夹命名规则一致的话可能会无法匹配）
2.1.5.进入文件夹以后，根据项目需要判断是否需要npm install项目依赖环境
npm install
部分代码命令示意图
2.1.6.切换到日常开发的分支
// develop为分支名称，根据自己项目的分支名称切换即可
git checkout develop
3：HbuilderX下载安装
进入HbuilderX官方下载地址，选择电脑系统对应的软件版本下载即可，如果只开发小程序，下载标准版即可，需要开发APP的话可以下载APP版
HbuilderX下载
下载完成之后右键解压至任意文件夹里（根据个人习惯即可），这个是免安装的，解压完之后进入对应文件夹即可选择HbuilderX应用程序（.exe运行文件即可打开运行），电脑没有解压软件的自行下载一个解压工具，（7zip，好压，winrar64位等等均可），运行HbuilderX以后根据自己喜好选择显示风格和习惯的代码快捷键即可。
3.1.如果是通过git命令行clone的代码，可以直接左上角文件菜单，导入，从本地导入，选择对应的项目文件夹即可导入成功.
3.2.安装完成以后再工具里安装需要的插件，less、sass、git、等根据项目需要和自己习惯安装即可。
安装插件
3.3.安装完插件在工具设置里找到运行设置，微信小程序的路径设置一下，设置为微信开发者工具安装的路径即可
4：微信开发者工具下载及安装
进入微信开发者工具官方下载地址，选择对应的系统和版本下载安装即可，一直下一步安装即可（注意选择安装位置的时候需要记一下安装的位置（或者自定义一个安装位置），不然HbuilderX设置启动路径的时候还要去查他的路径），安装以后先运行一次，在设置里找到安全设置，把服务端口打开，如图
微信开发者工具打开服务端口
5：全部安装配置完成以后，可以运行到小程序开发工具，看下是否能起得来，如果启动失败，请手动打开微信开发者工具，检查一下设置里的安全设置服务端口是不是没开启成功，再开启一下服务端口即可。
更多git命令行指令可以参考git常用命令行指南,日常开发中常用的git操作指南基本都在。欢迎大佬们不吝指教！
网友评论