vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
今天我们就来看看Visual Studio Code从零开始运行NodeJs代码的技巧，详细请看下文介绍。
安装和环境变量配置
NodeJS中文官网下载对应版本的nodeJs安装文件（建议安装在非C盘目录下 ）
安装完成，可以看到自动配置了环境变量
nodejs安装包路径的话默认在 'C:\Users\<用户>\AppData\Roaming\npm'，
nodejs的缓存位置：'C:\Users\<用户>\AppData\Roaming\npm-cache'
修改第二步的默认包安装路径和缓存位置。
node.js安装后的根目录]新建两个目录：node_global，node_cache，然后找到nodejs目录下的node_modules/npm目录下名为npmrc文件
将原来的prefix=${APPDATA}\npm
内容修改为
prefix=G:\编程\nodejs\node_global
cache=G:\编程\nodejs\node_cache
上面的G:\编程\nodejs路径是你自己nodejs的安装目录。
这样做的好处是，避免了因为权限问题而不能安装某些工具，而且系统重装以后，安装的工具包也不会被清除掉。
vscode运行nodejs代码
点击左下角扩展按钮，然后搜索Code Runner插件，下载安装
本地新建一个server.js脚本文件
里面内容：
var http=require('http');
http.createServer(function(request, response){ //请求对象;响应对象
response.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
//http文件头,输出类型:html文本类型/ utf-8编码
if(request.url!=='/favicon.ico'){ //清除避免2次访问
console.log('开始访问'); //后台输出: 开始访问
response.write('hello world'); //前端输出: hello world
response.end(''); //必须带内容;至少引号('')空字符串
}
}).listen(8000);
console.log('Server running at http://127.0.0.1:8000/');
在vscode界面，点击左上角资源管理器按钮→打开文件夹
然后选择我们新建的server.js脚本文件的目录
在vscode界面，选择脚本文件，右击执行Run Code命令，成功执行
访问http://127.0.0.1:8000/
输出
hello world
在输出控制台右键，选择Stop Code Run停止代码。
以上就是vscode运行nodejs代码的技巧，希望大家喜欢，请继续关注程序员之家。
相关推荐：
vscode如何运行python? vs code新建并运行python代码的技巧
mac版vscode怎么禁止拖放内容? vscode不允许拖放内容的教程
vscode怎么设置html标签自动补全? vscode自动补全html的技巧
相关文章
VS Code如何调试creator项目？编程开发的时候，我们经常使用VS Code软件，该怎么调试Cocos Creator呢？下面我们就来看看详细的教程，需要的朋友可以参考下2020-05-22
VSCode怎么添加GIT储存库并克隆？VSCode中想要添加本地GIT储存库，并对本地GIT储存库进行克隆，该怎么操作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2020-05-12
vscode右键选择浏览器运行html文件怎么实现？vscode编程开发的时候，代码想要直接右键用浏览器运行文件，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下2020-04-29
VSCode怎么关闭文件断点? VSCode闭文件中断点的技巧
VSCode怎么关闭文件断点？VSCode开启了允许在任何文件中设置断点，想要关闭，该怎么关闭呢？下面我们就来看看VSCode闭文件中断点的技巧，需要的朋友可以参考下2020-04-20
vscode中pip一直升级失败该怎么解决? pip升级报错的解决办法
vscode中pip一直升级失败该怎么解决？vscode升级pip时候一直提示升级错误，无法升级，该怎么办呢？下面我们就来看看详细的教程，需要的朋友可以参考下2020-03-20
vscode怎么创建scrapy项目? vscode新建项目的技巧
vscode怎么创建scrapy项目？vscode编程开发的时候，想要新建scrapy项目，该怎么操作呢？下面我们就来就来看看vscode新建项目的技巧，需要的朋友可以参考下2020-03-18
vscode怎么安装REST API插件并测试？vscode中有很多插件，想要安装REST API插件，在测试 REST API (作为HTTP Client)的时候用的到，下面我们就来看看详细的教程，需要的朋2020-01-07
vscode怎么安装iTextSharp？经常使用vscode编程开发，想要安装iTextSharp使用，该怎么安装呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-12-17
vscode调用c#项目后怎么引用dll？vscode中使用用c#的时候想要引用dll，该怎么使用呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-12-17
VSCode用户代码片段怎么使用？VSCode中想要使用户代码片段功能，针对用户自定义代码段来实现快捷开发，该怎么使用呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-09-02
最新评论