前端开发环境搭建（angular）

bleach777

于 2020-12-30 23:30:20 发布

阅读量241

点赞数

CC 4.0 BY-SA版权

分类专栏：前端相关记录（html/css/js/vue）

本文链接：https://blog.youkuaiyun.com/a037777777/article/details/112000266

前端相关记录（html/css/js/vue）专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何下载和配置VSCode及Node.js的免安装zip版本。对于VSCode，主要步骤包括从官网下载，解压并运行code.exe进行启动，以及安装汉化扩展。对于Node.js，除了下载zip文件并解压，还需要设置环境变量，配置npm的全局安装位置和缓存路径，并通过npm命令验证安装。此外，文章还提到了设置国内镜像和安装测试包webpack以及cnpm的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ps：对于vscode和nodejs，官网的，zip版本-完整的软件，不用运行install安装；非zip版本-需要运行install安装
vscode安装
1、百度搜索vscode，进入官网【官网地址】，选择对应zip版本下载（速度较慢）
2、解压缩，运行code.exe（code.exe即vscode软件）
3、汉化：在扩展里，搜索Chinese，安装扩展后重启
nodejs安装
1、百度nodejs，进入中文官网【官网地址】，选择对应zip版本下载（中文官网速下载速度较快）
2、解压缩，在D:\softs\node-v14.15.3-win-x64文件夹下新建node-cache，node-global
3、在环境变量-系统变量-path下新增：

D:\softs\node-v14.15.3-win-x64
D:\softs\node-v14.15.3-win-x64\node-global

4、在cmd运行以下命令，设置npm全局安装位置，npm缓存路径

npm config set prefix "D:\softs\node-v14.15.3-win-x64\node-global"
npm config set cache "D:\softs\node-v14.15.3-win-x64\node-cache"

5、打开cmd，输入node -v，npm -v，输出对应版本即配置成功
6、设置国内镜像，安装cnpm

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

7、安装webpack测试

npm install webpack -g

8、参考【参考链接】