iT邦幫忙

DAY 10
0

Node.js 系列學習日誌系列 第 10

Node.js 系列學習日誌 #10 - 用 Web Storm Javascript IDE 開發 Node.js 應用程式

  • 分享至 

  • xImage
  •  

挑戰鐵人賽總算完成 1/3。

第十篇來點輕鬆一點的主題,今天要來介紹一下 Node.js 的開發工具 Web Storm。工欲善其事,必先利其器,市面上相當多的編輯器編輯 Node.js 程式,例如:前端開發者經常使用的 Sublime 工具,本章節將說明 Node.js 的開發上的工具,Web Storm。

安裝這套工具,請務必先安裝 node.js 以及 npm,因為在建立 node.js 專案時,在執行上需要相關的直譯器的解析。http://www.jetbrains.com/webstorm/ 進到這個官網之後,下載這套工具,安裝過程就不多做介紹。啟動這套工具之後,點選 Create New Project ,建立一個專案

接著填寫專案名稱、路徑、跟專案的類型,在這裏選擇 Node.js Express App

再來是,定義你的 node.js 內需要用到的版本以及樣板語言類型、css 引擎,確定沒問題之後就按 ok

下圖就出現開發工具的工作

Debugging

這邊還可以下中斷點,在列號旁邊空白地方點一下,就有紅色點出現,當執行 debug 模式時,下方就會出現變數執行的狀況,可以進行追蹤。

繼續執行一下的話,就有執行成功的基本畫面囉

使用感想:在寫 js 的語系的時候,在 debug 方面可以透過這樣的開發工具實在是相當方便呢!只是他不是免費版,而是試用版三十天。

參考資料:
http://www.jetbrains.com/webstorm/
http://www.jetbrains.com/webstorm/webhelp/webstorm.html
http://blog.jetbrains.com/webstorm/2014/01/getting-started-with-node-js-in-webstorm/
http://blog.jetbrains.com/webstorm/2014/02/running-and-debugging-node-js-application/


上一篇
Node.js 系列學習日誌 #9 - 運用 express, socket.io, boostrap 建立一個簡單的聊天室功能
下一篇
Node.js 系列學習日誌 #11 - nvm (Node Version Manager) 管理多個 Node.js 版本
系列文
Node.js 系列學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言