vue开发环境安装设置

本文记录vue项目的开发环境，及测试软件的安装配置。

一、安装npm或yarn, vite运行环境

1.安装node.js。Node.js是Javascript的运行环境(runtime environment)，不是一个js文件，是对Chrome V8引擎进行了封装，内置npm。NPM的全称是Node Package Manager，是NodeJS包管理和分发工具。

官网：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/

二、安装开发软件

1.安装postman，用于测试接口

官网：https://www.postman.com/downloads/

2.安装Fiddler，用于检测抓包

官网：https://www.telerik.com/fiddler

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

3.安装vs code

①从官网取文件名后到镜像地址下载

官网：https://code.visualstudio.com/

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

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

即为国内镜像地址：http://vscode.cdn.azure.cn/stable/c185983a683d14c396952dd432459097bc7f757f/VSCodeUserSetup-x64-1.55.0.exe

②汉化：在vscode内，安装插件：Chinese (Simplified) Language Pack for Visual Studio Code

③安装vue插件：Vetur