最近因為工作關係,一直在做node.js的開發,學習了koa框架,orm框架sequelize,以及swagger文檔的配置。但是,最近因為swagger文檔使用了es6的修飾器那麼個東西(在java中被稱作註解),所以,node.js無法編譯項目,所以就需要使用babel對es6進行轉換。因為這篇 ...
最近因為工作關係,一直在做node.js的開發,學習了koa框架,orm框架sequelize,以及swagger文檔的配置。但是,最近因為swagger文檔使用了es6的修飾器那麼個東西(在java中被稱作註解),所以,node.js無法編譯項目,所以就需要使用babel對es6進行轉換。因為這篇文章是想寫一下,如何配置使用了babel轉換器的debug方法,至於怎麼配置koa-swagger-decorator,我會在短期內,寫篇文章專門來做這個插件的介紹。
其實,node在6版本的時候,已經內置了debugger調試器,所以在webstorm中,只需要點擊這裡,配置相關node設置就好。具體參加下麵實例:
然後選擇node.js配置項:
之後就配置Configuration選項卡裡的內容就行了,例如:
下麵簡單說明一下,Configuration選項卡中,前四項都代表什麼意思:
Node interpreter:
這個參數是說使用什麼啟動程式,預設的是 `node`,
Node parameters:
這個是對於node 的啟動參數,
Working directory: 項目的路徑,
JavaScript file: 入口文件
如果沒有babel的話,node.js運行以及調試的環境就已經算是搭建完畢,在webstorm只需要點擊運行和調試按鈕就行了。但是,如果項目中用了es6,一不小心還用了babel轉換器,那麼這個方法,就不能用了,接下來我會講一下有babel的話,需要怎麼配置。
首先,我們在終端中,先安裝node-inspect,而且是安裝成全局的,命令為:npm install -g node-inspect。之後打開配置啟動項的頁面,重新添加一個node.js配置:
註意特別標註的那部分,啟動程式不要使用node了,需要換成項目路徑下\node_modules\.bin\babel-node.cmd選項,並且,在啟動參數那塊填寫:--inspect-brk app.js,意味著需要使用這個東西來啟動調試。都配置好之後,就可以在webstorm中下斷點,直接進行調試了。