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開發的第一步!