vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運行nodejs代碼的技巧

今天我們就來看看Visual Studio Code從零開始運行NodeJs代碼的技巧,詳細(xì)請看下文介紹。
安裝和環(huán)境變量配置
NodeJS中文官網(wǎng)下載對應(yīng)版本的nodeJs安裝文件(建議安裝在非C盤目錄下 )
安裝完成,可以看到自動配置了環(huán)境變量
nodejs安裝包路徑的話默認(rèn)在 'C:\Users\<用戶>\AppData\Roaming\npm',
nodejs的緩存位置:'C:\Users\<用戶>\AppData\Roaming\npm-cache'
修改第二步的默認(rèn)包安裝路徑和緩存位置。
node.js安裝后的根目錄]新建兩個目錄:node_global,node_cache,然后找到nodejs目錄下的node_modules/npm目錄下名為npmrc文件
將原來的prefix=${APPDATA}\npm
內(nèi)容修改為
prefix=G:\編程\nodejs\node_global
cache=G:\編程\nodejs\node_cache
上面的G:\編程\nodejs路徑是你自己nodejs的安裝目錄。
這樣做的好處是,避免了因為權(quán)限問題而不能安裝某些工具,而且系統(tǒng)重裝以后,安裝的工具包也不會被清除掉。
vscode運行nodejs代碼
點擊左下角擴展按鈕,然后搜索Code Runner插件,下載安裝
本地新建一個server.js腳本文件
里面內(nèi)容:
var http=require('http'); http.createServer(function(request, response){ //請求對象;響應(yīng)對象 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(''); //必須帶內(nèi)容;至少引號('')空字符串 } }).listen(8000); console.log('Server running at http://127.0.0.1:8000/');
在vscode界面,點擊左上角資源管理器按鈕→打開文件夾
然后選擇我們新建的server.js腳本文件的目錄
在vscode界面,選擇腳本文件,右擊執(zhí)行Run Code命令,成功執(zhí)行
訪問http://127.0.0.1:8000/
輸出
hello world
在輸出控制臺右鍵,選擇Stop Code Run停止代碼。
以上就是vscode運行nodejs代碼的技巧,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode如何運行python? vs code新建并運行python代碼的技巧
mac版vscode怎么禁止拖放內(nèi)容? vscode不允許拖放內(nèi)容的教程
vscode怎么設(shè)置html標(biāo)簽自動補全? vscode自動補全html的技巧
相關(guān)文章
- VS Code如何調(diào)試creator項目?編程開發(fā)的時候,我們經(jīng)常使用VS Code軟件,該怎么調(diào)試Cocos Creator呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-05-22
- VSCode怎么添加GIT儲存庫并克隆?VSCode中想要添加本地GIT儲存庫,并對本地GIT儲存庫進行克隆,該怎么操作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-05-12
vscode右鍵選擇瀏覽器運行html文件怎么實現(xiàn)?
vscode右鍵選擇瀏覽器運行html文件怎么實現(xiàn)?vscode編程開發(fā)的時候,代碼想要直接右鍵用瀏覽器運行文件,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-04-29VSCode怎么關(guān)閉文件斷點? VSCode閉文件中斷點的技巧
VSCode怎么關(guān)閉文件斷點?VSCode開啟了允許在任何文件中設(shè)置斷點,想要關(guān)閉,該怎么關(guān)閉呢?下面我們就來看看VSCode閉文件中斷點的技巧,需要的朋友可以參考下2020-04-20vscode中pip一直升級失敗該怎么解決? pip升級報錯的解決辦法
vscode中pip一直升級失敗該怎么解決?vscode升級pip時候一直提示升級錯誤,無法升級,該怎么辦呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-03-20vscode怎么創(chuàng)建scrapy項目? vscode新建項目的技巧
vscode怎么創(chuàng)建scrapy項目?vscode編程開發(fā)的時候,想要新建scrapy項目,該怎么操作呢?下面我們就來就來看看vscode新建項目的技巧,需要的朋友可以參考下2020-03-18- vscode怎么安裝REST API插件并測試?vscode中有很多插件,想要安裝REST API插件,在測試 REST API (作為HTTP Client)的時候用的到,下面我們就來看看詳細(xì)的教程,需要的朋2020-01-07
- vscode怎么安裝iTextSharp?經(jīng)常使用vscode編程開發(fā),想要安裝iTextSharp使用,該怎么安裝呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-12-17
- vscode調(diào)用c#項目后怎么引用dll?vscode中使用用c#的時候想要引用dll,該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-12-17
- VSCode用戶代碼片段怎么使用?VSCode中想要使用戶代碼片段功能,針對用戶自定義代碼段來實現(xiàn)快捷開發(fā),該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-09-02