欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

程序员文章站 2022-04-01 10:18:19
今天我们就来看看visual studio code从零开始运行nodejs代码的技巧,详细请看下文介绍。visual studio code(代码编辑器) v1.62.3 64位 中文免费绿色版类型...

今天我们就来看看visual studio code从零开始运行nodejs代码的技巧,详细请看下文介绍。

安装和环境变量配置

nodejs中文官网下载对应版本的nodejs安装文件(建议安装在非c盘目录下 )

安装完成,可以看到自动配置了环境变量

nodejs安装包路径的话默认在 'c:\users\<用户>\appdata\roaming\npm',

nodejs的缓存位置:'c:\users\<用户>\appdata\roaming\npm-cache'

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

修改第二步的默认包安装路径和缓存位置。

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的安装目录。

这样做的好处是,避免了因为权限问题而不能安装某些工具,而且系统重装以后,安装的工具包也不会被清除掉。

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

vscode运行nodejs代码

点击左下角扩展按钮,然后搜索code runner插件,下载安装

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

本地新建一个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脚本文件的目录

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

在vscode界面,选择脚本文件,右击执行run code命令,成功执行

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

访问http://127.0.0.1:8000/

输出

hello world

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

在输出控制台右键,选择stop code run停止代码

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧

以上就是vscode运行nodejs代码的技巧,希望大家喜欢,请继续关注。

相关标签: VSCode nodejs代码