2019年2月18日 星期一

在Atom裡使用node.js

在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

沒有留言:

張貼留言