欧美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

最新評論