WebStorm是jetbrain公司旗下一款JavaScript開發工具.目前已被廣大前端開發者所喜歡,作為一名前端開發者,前後端分離是在專案中常常會遇到的事,node作為一個承前啟後的工具自然深的歡心,經過一上午的研究,終於摸清楚了WebStorm與node.js的相容配置.

 首先,需要一個WebStorm編輯器,推薦最好是直接從官網下載,從而省去所謂的下載冗餘或者病毒的風險,官網連結如下:

具體的安裝和破解過程見之後的文章會給出

其次,需要下載安裝node.js,同理走官網:

兩者都安裝完成後,在webStorm中新建一個專案,

專案目錄如上圖所示:(簡單對上圖做一個解釋,方便初學者的理解)

 bin： 是真實的執行程式  node_modules：存放所有的專案依賴庫  public：靜態檔案(css,js,img)   routes：路由檔案  views：頁面檔案  app.js，程式啟動檔案  package.json：專案依賴配置及開發者資訊

接著嘗試啟動服務:

首先進行啟動配置

按需求配置,配置完成後點選下方的apply或者ok,儲存設定後在編輯器下方的Terminal視窗,輸入npm start,回車執行專案,

然後開啟常用的瀏覽器,在瀏覽器的位址列輸入localhost:3000,若出現以下介面,則說明配置成功