webstorm 安装 grunt Grunt webstorm
程序员文章站
2022-06-08 13:25:34
...
1. 先安装 node http://www.nodejs.org/
2. 安装 Grunt 客户端 cmd 中 输入 npm install -g grunt-cli
注意:此只是Grunt 客户端,非Grunt
3. 在 WebStorm 下新建项目,然后新建以下两个文件
GruntFile.js
package.json
然后在项目窗口下面,webstorm 命令行输入:npm install grunt --save-dev
安装grunt 这里等待时间有点长
然后依次
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-concat --save-dev
npm install grunt-css --save-dev
安装插件
如果还出现错误的信息重启下webstorm 或者点击控制台刷新按钮!
2. 安装 Grunt 客户端 cmd 中 输入 npm install -g grunt-cli
注意:此只是Grunt 客户端,非Grunt
3. 在 WebStorm 下新建项目,然后新建以下两个文件
GruntFile.js
module.exports = function (grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { my_target: { files: [{ expand: true, cwd: 'src/js', src: '**/*.js', dest: 'dest/js' }] } }, concat : { css : { src: ['src/asset/*.css'], dest:'dest/asset/all.css' } }, cssmin: { css: { src:'dest/asset/all.css', dest:'dest/asset/all-min.css' } } }); // 加载提供"uglify"任务的插件 grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-css'); // 默认任务 grunt.registerTask('default', ['uglify','concat','cssmin']); }
package.json
{ "name": "grunt-test", "version": "1.0.0", "dependencies": {}, "devDependencies": { "cssmin": "^0.4.3", "grunt": "^1.0.1", "grunt-contrib-concat": "^1.0.1", "grunt-contrib-uglify": "^1.0.1", "grunt-css": "^0.5.4" } }
然后在项目窗口下面,webstorm 命令行输入:npm install grunt --save-dev
安装grunt 这里等待时间有点长
然后依次
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-concat --save-dev
npm install grunt-css --save-dev
安装插件
如果还出现错误的信息重启下webstorm 或者点击控制台刷新按钮!
上一篇: spring mvc 3.2 测试
下一篇: 80端口被System 占用解决方案
推荐阅读
-
(2018版)webstorm的安装和破解
-
WebStorm 2018全新汉化破解及安装激活教程(附注册码)
-
Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境的图文教程
-
WebStorm 11.0.4安装图文教程
-
WebStorm 2019.2安装配置方法图文教程(激活注册)
-
WebStorm怎么破解?WebStorm 11安装+破解激活方法图文教程
-
IntelliJ WebStorm 2019.3.3 最新激活教程 附汉化补丁安装教程
-
WebStorm 2017.3最新汉化激活破解及安装教程(附汉化包+原版下载)
-
WebStorm最近免安装参数免激活码 真永久激活方法
-
课时17.WebStorm安装(理解)