本文記錄vue項目的開發(fā)環(huán)境，及測試軟件的安裝配置。

一、安裝npm或yarn, vite運行環(huán)境

1.安裝node.js。Node.js是Javascript的運行環(huán)境(runtime environment)，不是一個js文件，是對Chrome V8引擎進行了封裝，內(nèi)置npm。NPM的全稱是Node Package Manager，是NodeJS包管理和分發(fā)工具。

官網(wǎng)：https://nodejs.org/en/

安裝完成后，查看版本：

node -v

npm -v

文檔：http://nodejs.cn/api/

2.安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看版本：cnpm -v

3.全局安裝vue-cli

cnpm install -g @vue/cli

查看版本：vue -V

文檔：https://cli.vuejs.org/zh/guide/

4.安裝yarn

npm install --global yarn

查看版本：yarn --version

文檔：https://yarn.bootcss.com/docs/

二、安裝開發(fā)軟件

1.安裝postman，用于測試接口

官網(wǎng)：https://www.postman.com/downloads/

2.安裝Fiddler，用于檢測抓包

官網(wǎng)：https://www.telerik.com/fiddler

教程：https://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html

3.安裝vs code

①從官網(wǎng)取文件名后到鏡像地址下載

官網(wǎng)：https://code.visualstudio.com/

復制到下載地址如下后：https://az764295.vo.msecnd.net/stable/c185983a683d14c396952dd432459097bc7f757f/VSCodeUserSetup-x64-1.55.0.exe

把前面的域名，改為：http://vscode.cdn.azure.cn

即為國內(nèi)鏡像地址：http://vscode.cdn.azure.cn/stable/c185983a683d14c396952dd432459097bc7f757f/VSCodeUserSetup-x64-1.55.0.exe

②漢化：在vscode內(nèi)，安裝插件：Chinese (Simplified) Language Pack for Visual Studio Code

③安裝vue插件：Vetur