【Windos下搭建前端】VScode + node

1. Windows10 + VScode（1.76.2） + node（20.11.1）+ Vue3
2. Windows10 + VScode（1.76.2） + node（14.17.4）+ Vue2

一. VScode

1.1 下载

1. 官网：https://code.visualstudio.com/download#
2. 下载：Windows
   
3. 解压

1.2 安装

1. 双击应用程序
   
2. 选择“我同意此协议”，点击“下一步”
   
3. 选择安装路径，点击“下一步”
   
4. 点击“下一步”
   
5. 点击“下一步”
   
6. 点击“安装”
   
7. 安装成功
   

1.3 配置

1. 下载插件（根据自身需求下载即可）
   
2. 设置代码失去焦点自动保存
   
3. 设置代码失去焦点自动格式化
   

二. nvm

nvm的安装 在之前的文章中写过，所以这里直接搬过来了。点击跳转

nvm：node管理工具，可根据自身需求 切换/安装 node版本。注意：Vue3 需要使用 16以上的版本。

2.1 下载

1. 下载地址
   

2.2 安装

1. 双击安装
   

2. 设置 ‘ Select Destination Location’ 的路径
   改变或默认：更推荐 非 C 盘
   

3. 设置 ‘ Set Node.js Symlink’ 的路径
   默认不变 ！！！
   

4. 确定路径，点击 “Install ”
   

5. 之后一直 “是” / “确定” 即可

6. “Finish” 完成

2.3 验证是否安装成功

根据需求，自行下载版本。

1. Win + R
2. cmd 打开 “命令提示符”窗口
3. 查看 nvm 管理的 node

nvm list：查看所有的 node 版本
nvm install 版本号：安装指定node版本
nvm use 版本号：使用指定版本号（使用成功之后版本号之前有 * ）

此时，nvm文件夹下有俩个不同的node版本文件夹

4. 在上述 nvm use 版本号 之后，再次输入命令 nvm list，若出现 * 则证明当前正在使用的node版本

5. 至此，安装成功