webstrom下运行gulp初试
程序员文章站
2024-02-25 14:47:51
...
0.cnpm认为你已经安装了,cnpm install gulp -g全局安装gulp
1.在webstrom terminal 输入cnpm init -y
生成package.json文件
2.在webstrom terminal 输入cnpm install gulp –save-dev 在该文件下安装gulp。成功后安装 cnpm install gulp-sass –save-dev(以gulp-sass为列)插件。
会改变package.json文件
3.建好文件目录和gulpfiles.js
(看不清就审查元素,open link in new tab)
// 导入工具包,require('node_modules里对应模块')
var gulp = require('gulp');
var sass = require('gulp-sass');
// gulp.task定义一个testsass任务
gulp.task('testsass', function () {
gulp.src('src/sass/index.scss') // gulp.src该任务针对的文件
.pipe(sass()) // 该任务调用的模块
.pipe(gulp.dest('src/css')) // gulp.dest将会在src/css下生成index.css
});
gulp.task('default',['testsass']); //定义默认任务 elseTask为其他任务,该示例没有定义elseTask任务
4.在package.json文件里右击调出gulp(show gulp tasks)
5.双击testsass执行
在你指定的文件夹下编译出index.css
6.或者在terminal 里手动写入 gulp testsass 也可执行
先让他简单运行起来吧。。。
主要参考:http://www.ydcss.com/archives/18
上一篇: gulp搭建自动化步骤
下一篇: elasticsearch集群安装
推荐阅读