试图在PHPStorm上运行需要ruby的Gulp脚本

时间:2015-06-05 00:09:07

标签: ruby shell sass gulp phpstorm

我编辑了一个简单的Gulp管道(我已在IDE之外测试并运行),我现在正尝试将其包含在PHPStorm项目中,以便在实际项目中实现更好的css工作流程。

这是脚本,(这是一个简单的css优化管道):

var gulp = require('gulp'),
     sass = require('gulp-ruby-sass'),
     autoprefixer = require('gulp-autoprefixer'),
     minifycss = require('gulp-minify-css'),
     jshint = require('gulp-jshint'),
     uglify = require('gulp-uglify'),
     imagemin = require('gulp-imagemin'),
     rename = require('gulp-rename'),
     concat = require('gulp-concat'),
     notify = require('gulp-notify'),
     cache = require('gulp-cache'),
     livereload = require('gulp-livereload'),
     del = require('del');

// Styles
gulp.task('styles', function() {
  return sass('../scss/base.scss', { style: 'expanded' })
    .pipe(autoprefixer('> 1%, last 2 versions, Firefox ESR, Opera 12.1'))
    .pipe(minifycss())
    .pipe(gulp.dest('../css'))
    .pipe(notify({ message: 'Styles task complete' }));
});

// Clean
gulp.task('clean', function(cb) {
    del(['css/base.css'], cb)
});

// Default task
gulp.task('default', ['clean'], function() {
    gulp.start('styles');
});

我无法解决的烦人问题与模块sass有关,缺少正确的ruby环境初始化,需要运行命令。

sass = require('gulp-ruby-sass') - > 'sass'不被认为是内部或外部命令。

Error Screen

正如我之前所说,我设法使用ruby安装程序中的外部shell链接运行这个gulp脚本:

使用Ruby启动命令提示符

C:\Windows\System32\cmd.exe /E:ON /K C:\Ruby21\bin\setrbvars.bat

你是否有任何关于如何在PhpStorm中运行需要ruby的gulp脚本的线索?

提前致谢,

1 个答案:

答案 0 :(得分:2)

请确保Ruby在您的系统路径中 - 在“控制面板”中,转到“系统属性”,“高级”,按Environment variables,在“系统变量”部分中选择“路径”并将C:\Ruby21\bin附加到其中。确保在更改PATH后重新启动PHPStorm