vs code怎麼搭建NodeJs的開發環境? vscode運行nodejs代碼的技巧

Posted on by

今天我們就來看看Visual Studio Code從零開始運行NodeJs代碼的技巧，詳細請看下文介紹。

Visual Studio Code(代碼編輯器) v1.62.3 64位 中文免費綠色版

  • 類型：編譯工具
  • 大小：106MB
  • 語言：簡體中文
  • 時間：2021-11-24

查看詳情

安裝和環境變量配置

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插件，下載安裝

代碼運行測試工具CodeRunner for Mac V4.1 蘋果電腦特別版

  • 類型：開發軟件
  • 大小：98.1MB
  • 語言：簡體中文
  • 時間：2021-10-27

查看詳情

本地新建一個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代碼的技巧，希望大傢喜歡，請繼續關註GuideAH。

相關推薦：

vscode如何運行python? vs code新建並運行python代碼的技巧

mac版vscode怎麼禁止拖放內容? vscode不允許拖放內容的教程

vscode怎麼設置html標簽自動補全? vscode自動補全html的技巧

閱讀更多: