vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧
脚本之家
今天我们就来看看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代码的技巧