基於Webstorm與node.js(一)
阿新 • • 發佈:2018-12-14
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,若出現以下介面,則說明配置成功