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


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

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

然后,啟動WebStorm,打開Edit Configurations窗口,可以點擊工具欄Run—>Edit Configurations,也可以右上角

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

回到入口文件:mian.js,這里跟模塊管理工具require.js的入口文件相似。

/**
 * 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);

然后啟動服務,在瀏覽器打開http://localhost:3000,端口號不要沖突就行。

 

 

當然,WebStorm為前端而生,它也有新建屬於Node.js的web app項目模板,這里它默認引入了一個Express框架,Express供了一系列強大特性幫助你創建各種 Web 應用,和豐富的 HTTP 工具,使用 它可以快速地搭建一個完整功能的網站。

Express是基於MVC結構,新建項目后會自動生成管理目錄結構,

  • bin————www是默認的入口文件
  • node_modules————存放所有的項目依賴庫。(包括node.js的模塊)
  • package.json————項目依賴配置及開發者信息
  • app.js————程序啟動文件
  • public————靜態文件(css,js,img)
  • routes————路由文件(MVC中的C,controller)
  • views————頁面文件(Ejs模板)

配置會自動生成,啟動服務即可。這樣你就完成node.js開發的第一步!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM