关于环境配置的步骤：VS+VS Code 网页项目

1、下载nvm安装包并且安装

//网址：       https://github.com/coreybutler/nvm-windows/releases
//下载的对象：  nvm-setup.zip
//下载完后解压，双击nvm-setup.exe，根据向导指引安装。
//命令行验证：  nvm -v
//安装成功将显示Running version x.x.x（版本号）

2、VS Code 配置

//打开插件窗口：    Ctrl+Shift+X
//安装以下插件：（搜索，点击，点击“Install/安装”）
/*-------------------------------------------------------
Chinese (Simplified) Language Pack for Visual Studio Code
ESLint
Live Server
Vetur
Vue 3 Snippets
Vue VSCode Snippets
webpack
Axio Snippets
-------------------------------------------------------*/
//获取gitee账号与目标项目地址
//打开命令面板：    Ctrl+Shift+P
//输入搜索字段：    git clone
//点击输入gitHub项目地址，下载到本地。将会出现资源管理器栏显示项目文件目录。

//新建终端：    Ctrl+Shift+` （符号在"!1"键左侧）
//输入指令：    nvm list available
//输入指令：    nvm install xx.xx.xx （版本号，公司为14.16.0）
//同意管理员权限修改
//输入指令：    nvm use xx.xx.xx （版本号，公司为14.16.0）
//同意管理员权限修改
//验证版本：    npm -v
//验证版本：    node -v
//安装依赖：    npm i
//安装失败Error code 1解决方案：nvm uninstall xx.xx.xx → nvm install xx.xx.xx → nvm use xx.xx.xx (卸载重装版本)

//配置端口↓
//打开插件窗口：    Ctrl+Shift+X
//搜索：        Live Server
//点击Live Server的设置齿轮图标，选择扩展设置
//Live Server > Settings:Custom Browser 处下拉选择默认浏览器(chrome)
//Live Server > Settings:Port 处点击“在settings.json中编辑”
//修改行：
//“liveServer.settings.port”:xxxx（端口号）
//验证：点击VSCode窗口右下角GoLive，进入端口对应网页。

3、下载并安装Redis （Windows系统）

//下载地址：    https://github.com/microsoftarchive/redis/releases
//目标文件：    Redis-x64-3.2.100.zip
//解压，进入解压得到的文件夹，地址栏输入cmd，打开命令行窗口
//输入命令：    redis-server.exe redis.windows.conf
//窗口不关闭，同样的方法再打开一个cmd窗口
//验证指令：    redis-cli.exe -h 127.0.0.1 -p 6379
//发送字段：    set name keafmd （没填完时系统会补提示）→系统回应OK
//发送命令：    get name  →系统回应“keafmd”

4、VS 克隆gitHub后端项目

//最上方菜单栏，点击“文件”，点击“克隆存储库”
//复制黏贴GitHub地址在存储库路径，设置本地放置路径，点击“克隆/Clone”

5、跑项目

//VS Code终端执行 npm run dev
//VS 点击目录sln文件，点击调试
//打开网页后，F12，打开NetWork （不行就fn+F12）