Grunt 插件開發與調式

1 grunt是什麼javascript

官方網站解釋的很清楚,http://gruntjs.com/ http://gruntjs.cn/java

它是一種javascript任務運行器,對於須要反覆重複的任務,例如壓縮、編譯、單元測試、代碼檢查等,自動化工具能夠減輕你的勞動,簡化你的工做。node

grunt的安裝請參考官方文檔。git

2 grunt 插件開發步驟github

  1. Install grunt-init with npm install -g grunt-init
  2. Install the gruntplugin template with git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/gruntplugin
  3. Run grunt-init gruntplugin in an empty directory.
  4. Run npm install to prepare the development environment.
  5. Author your plugin.
  6. Run npm publish to publish the Grunt plugin to npm!

3 使用webstorm調試web

WebStrom是由jetbrains開發的javascript IDE,是付費的,功能很是強大。npm

1,首先要肯定安裝了nodejswebstorm

2,打開webstrom,並open上述構建好的項目目錄grunt

3,工具欄Run—> Edit configrations工具

QQ截圖20140806141759

4,點擊綠色圖標,選擇Node.js

其中Javascript file: 要選擇grunt程序,而不是Gruntfile.js

Application parameters: test,表示啓動 grunt test 這個命令。

 

QQ圖片20140806142925

至此就能夠對gurnt進行debug運行了。

相關文章
相關標籤/搜索