在Atom裡使用node.js
前言
以前要跑node.js的專案我會選用NetBeans來建置專案,雖然NetBeans是跨平台,但編輯器的使用習慣跟我的習慣有落差,所以考慮使用Atom來替代,在此做個紀錄。
內容
由於Atom本身並不支援node.js,但可以透過外掛來支援,所以安裝完後要先裝外掛,請依下圖只是開啟設定
 |
Atom開啟設定 |
開啟後可以看到下圖
 |
選擇要安裝的外掛 |
在"2"的地方輸入可以搜尋外掛,下方顯示的就是搜尋的成果,那要安裝那些外掛呢?請看下圖
 |
node.js所需的外掛 |
第一個外掛是"build",這個外掛很重要,很多需要"建置"的外掛都需要透過這個外掛,第二個外掛是"build-npm-apm",這個就是基於"build"外掛來支援npm。
安裝完後,建一個專案來測試外掛式正常,如下圖
 |
測試專案 |
選擇"package.json"後按下"F7"後,可以看到下圖
 |
選擇要執行的Target |
這裡就可以選擇要執行的Target,按下後就會執行很簡單。如果沒跳出Target的話,請重開Atom,這個外掛似乎只會在開啟後掃描一次,之後就不會重新掃描,所以如果Target有進行更新的話也請重開Atom。
整個用起來和上次在
初探Visual studio code裡介紹的VSCode(Visual studio code)差不多,VSCode建置時需要比較多次的選擇,但Target會即時更新,Atom則是有比較少的選擇步驟,但Target不會即時更新,最後我選了Atom,雖然Target不會即時更新,但Target其實並不會時常更新,反倒是執行Target要時常使用。
相關文章
初探Visual studio code
沒有留言:
張貼留言