前端新电脑工具安装以及配置环境_前端开发环境配置新电脑-CSDN博客

更换电脑之后之前安装的软件以及插件，环境配置

一.检查电脑是否已经安装

//查看node,有的话会显示node版本,例如v16.14.2
node --version
 
//查看yarn,npm例如1.22.19,可二选一
yarn --version
npm --version
 
//nvm,例如1.1.11,仅是因为切换node版本需要
nvm --version
 
//vue-cli,显示例如@vue/cli 5.0.8
vue --version
 
//淘宝镜像源,如果镜像源地址为https://registry.npm.taobao.org/，则表示已经有了
npm config get registry
 
//git,例如git version 2.29.2.windows.2
git --version

二.工具下载安装（以及常用插件）：

1.编辑编译工具：vscode、Hbuilder、微信开发者工具

vscode，Hbuilder，微信开发者工具在官网直接下载，英语水平不是很好的朋友也可以和博主一样下载一个有道翻译;

vscode常用插件：

Chinese (Simplified) (简体中文):中文版本vscode,安装成功一定要点击右下角弹窗

2.项目管理工具：git

3.浏览器：Google Chrome 网络浏览器

二.安装js运行环境node

1.下载：

下载网址 https://nodejs.org/en/download/，下载（14.18.0）版本。
版本不要安装最新的，直接安装在C盘，刷瓜式一顿操作。

2.安装完成后在终端查看版本指令如下：
node -v    //显示安装的node版本
npm -v    //显示安装的npm版本
3.替换npm淘宝镜像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.全局安装脚手架：
cnpm install -g @vue/cli   //vue --version //查看版本号
4.更改node版本：https://blog.csdn.net/aliven1/article/details/121770440、

首先下载最新的node.js安装包.next安装过程中，有remove选项，删除电脑中已经存在的node,js残留
上一步完成，退出安装（不能点finish），再安装自己的需要安装的node.js

5.刚安装的node运行vscode出现报错：

node要用管理员是身份在终端：set-ExecutionPolicy RemoteSigned