vscode中配置node.js环境

参考博客:基于VSCode安装Node.js开发环境_vscode nodejs-CSDN博客

Node.js安装教程及在vscode中的配置(超详细)_vscode nodejs-CSDN博客

一、先进行vscode安装,可以参考之前写的博客,

在vscode中配置python的安装环境_vscode安装python环境-CSDN博客

二、假设这边已经完成了vscode的安装,那么下一步就是进行node.js的安装

1、 去node的官网下载版本: 

Node.js — Download

这边下了个这个

 

2、下载完之后,就是正常的进行安装包的程序安装

如果不想安装在C盘就修改下路径

3、正常完成安装之后,需要检查下是否安装正确,win+R中输入下面的:

打印node.js版本号: node -v

打印npm版本号:npm -v

以下就证明安装成功了

下面就开始在vscode中进行测试,自己新建个文件夹,里面建个node.js的文件,然后输入下面摘抄了一段代码 

const myHttp = require('http');
 
const hostname = '127.0.0.1';
const port = 8000;
 
const server = myHttp.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World-Node.js\n');
});
 
server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

F5运行的时候,选择node.js进行测试,如下:

 

将终端的链接放进空白网页中进行测试,结果如下:

这样就是正常完成一个node.js的安装了 

### 配置 VS Code 中 Node.js 环境并修改 NPM 全局包存储路径 在 Visual Studio Code (VS Code) 中配置 Node.js 开发环境以及更改 NPM 全局包的存储路径是一项常见的需求。以下是关于如何完成这些操作的具体说明。 #### 1. 安装 Node.js 和 NPM 确保已经安装了最新版本的 Node.js,它会自动附带 NPM 包管理器。可以通过以下命令验证是否成功安装: ```bash node -v && npm -v ``` 如果未安装,则可以从官网下载并按照指南进行安装[^1]。 #### 2. 更改 NPM 全局包存储路径 NPM 默认会在系统的特定目录下保存全局安装的包文件。为了自定义该路径,可以执行如下步骤: ##### 设置新的全局路径 运行下面的命令来指定一个新的全局包存储位置(例如 `D:\npm-global`): ```bash npm config set prefix "D:\\npm-global" ``` 注意:Windows 用户需使用双反斜杠 (`\\`) 来转义路径分隔符[^2]。 ##### 更新系统 PATH 变量 为了让操作系统识别新设置的全局路径,在环境变量中加入此路径下的可执行文件夹地址。假设刚才设定的目标为 `D:\npm-global` ,则应添加其子目录 `\bin` 到 PATH 中去。 对于 Windows 平台来说,具体做法是在控制面板里找到高级系统设置 -> 环境变量 -> 找到 Path 向导编辑框追加一行记录如 `"D:\npm-global\bin"`。 完成后重启终端或者重新加载 shell profile 文件使改动生效。 #### 3. 在 VS Code 上启用 Node.js 支持 打开 VS Code 应用程序之后,可通过扩展市场搜索 “Node.js Extension Pack”,这是一个集合了许多针对 Node.js 巺作流优化插件的一键式解决方案;另外还有其他单独可用的功能增强型插件比如 ESLint, Prettier 等可以帮助提高编码质量与效率[^3]。 最后一步就是创建项目所需的 package.json 文件并通过集成终端初始化工作区内的依赖关系树结构: ```bash npm init -y ``` 这样就完成了基本开发框架搭建过程! ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值