淺試WebStorm配置Node.js開發環境

時間 2019-12-14

標籤 webstorm 配置 node.js node 開發環境欄目 Storm 简体版

原文原文鏈接

web前端開發IDE一直喜歡用WebStorm，這裏簡單介紹如何用WebStorm搭建一個Node.js開發環境。css

首先，須要在本地安裝好node.js，以及npm包管理工具。你也能夠吧node.js配置到系統的環境變量中更方便。html

而後，啓動WebStorm，打開Edit Configurations窗口，能夠點擊工具欄Run—>Edit Configurations，也能夠右上角前端

打開服務配置窗口，在左側添加服務，右側配置屬性。node

回到入口文件：mian.js，這裏跟模塊管理工具require.js的入口文件類似。web

/**
 * node.js的入口文件.
 */
var http = require("http");

http.createServer(function(request, response){
    //發送http頭部ͷ
    //http狀態值：200
    //內容類型：text/html
    response.writeHead(200, {'Content-Type': 'text/html'});
    //設置顯示字符編碼
    response.write("<head><meta charset='utf-8'></head>");

    //發送響應數據
    response.end("Hello World! 來自node.js \n");
    //後臺終端打印信息
    console.log("Server running at http://localhost:3000/hello world!");
}).listen(3000);