欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時間：2021-11-26 16:04:15   作者：佚名   我要評論
vs code怎么搭建NodeJs的開發(fā)環(huán)境？Visual Studio Code中需要搭建nodejs運行代碼，該怎么操作呢？下面我們就來看看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項目?

    VS Code如何調(diào)試creator項目？編程開發(fā)的時候，我們經(jīng)常使用VS Code軟件，該怎么調(diào)試Cocos Creator呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2020-05-22

  • VSCode怎么添加本地GIT儲存庫并克隆?

    VSCode怎么添加GIT儲存庫并克隆？VSCode中想要添加本地GIT儲存庫，并對本地GIT儲存庫進行克隆，該怎么操作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2020-05-12

  • vscode右鍵選擇瀏覽器運行html文件怎么實現(xiàn)?

    vscode右鍵選擇瀏覽器運行html文件怎么實現(xiàn)？vscode編程開發(fā)的時候，代碼想要直接右鍵用瀏覽器運行文件，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2020-04-29

  • VSCode怎么關(guān)閉文件斷點? VSCode閉文件中斷點的技巧

    VSCode怎么關(guān)閉文件斷點？VSCode開啟了允許在任何文件中設(shè)置斷點，想要關(guān)閉，該怎么關(guān)閉呢？下面我們就來看看VSCode閉文件中斷點的技巧，需要的朋友可以參考下
    2020-04-20

  • vscode中pip一直升級失敗該怎么解決? pip升級報錯的解決辦法

    vscode中pip一直升級失敗該怎么解決？vscode升級pip時候一直提示升級錯誤，無法升級，該怎么辦呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2020-03-20

  • vscode怎么創(chuàng)建scrapy項目? vscode新建項目的技巧

    vscode怎么創(chuàng)建scrapy項目？vscode編程開發(fā)的時候，想要新建scrapy項目，該怎么操作呢？下面我們就來就來看看vscode新建項目的技巧，需要的朋友可以參考下
    2020-03-18

  • vscode怎么安裝REST API插件并測試?

    vscode怎么安裝REST API插件并測試？vscode中有很多插件，想要安裝REST API插件，在測試 REST API (作為HTTP Client)的時候用的到，下面我們就來看看詳細(xì)的教程，需要的朋
    2020-01-07

  • vscode怎么安裝iTextSharp?

    vscode怎么安裝iTextSharp？經(jīng)常使用vscode編程開發(fā)，想要安裝iTextSharp使用，該怎么安裝呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-12-17

  • vscode調(diào)用c項目后怎么引用dll?

    vscode調(diào)用c#項目后怎么引用dll？vscode中使用用c#的時候想要引用dll，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-12-17

  • VSCode用戶代碼片段怎么使用?

    VSCode用戶代碼片段怎么使用？VSCode中想要使用戶代碼片段功能，針對用戶自定義代碼段來實現(xiàn)快捷開發(fā)，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
    2019-09-02

最新評論