Grunt 图形管理工具
文章目录
1. grunt-peon-gui
https://www.npmjs.org/package/grunt-peon-gui
grunt-peon-gui
是一个grunt插件,基于Web,运行grunt-peon-gui
的时候会自动启动一个监听在8080
端口的Node.js
Web服务器,并自动打开浏览器显示当前项
1.1 安装和使用
1.1.1 安装
1 | npm install grunt-peon-gui --save-dev |
1.1.2 配置
添加如下代码到Gruntfile.js
1 | grunt.loadNpmTasks('grunt-peon-gui'); |
1.1.3 运行
1 | grunt gui |
2. GRUNT DEVTOOLS
https://github.com/vladikoff/grunt-devtools
GRUNT DEVTOOLS
是一个Chrome浏览器扩展
Chrome Developer Tools
和Adobe Brackets
的Grunt任务运行器扩展
Grunt插件和Chrome浏览器扩展的组合使开发者能够快速的运行Grunt任务.此扩展支持后台任务,比如运行watch
任务和服务器任务. 还支持多项目,开发者可以在Chrome developer tools
标签运行多个项目的Grunt任务.
2.1 安装Chrome Grunt扩展
- 从Chrome Web Store下载 Grunt Devtools extension for Chrome Developer Tools
- 安装grunt插件
npm install -g grunt-devtools
- 在
Gruntfile.js
所在的项目目录运行grunt-devtools
- 打开
Chrome Dev tools
, 找到Grunt
标签. 这样你就可以使用Grunt扩展来运行Grunt任务了
2.1 安装和配置
- 在
Gruntfile.js
所在的项目目录执行npm install grunt-devtools
安装grunt-devtools
- 添加
grunt.loadNpmTasks('grunt-devtools')
到Gruntfile.js
- 运行
grunt devtools
- 打开
Chrome Dev tools
, 找到Grunt
标签. 这样你就可以使用Grunt扩展来运行Grunt任务了