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

Question

我编辑了一个简单的 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' 未被识别为内部或外部命令。

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

使用 Ruby

启动命令提示符

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

您是否知道如何在 PhpStorm 中运行 gulp 需要 ruby 的脚本？

提前致谢，

Answer 1

请确保 Ruby 在您的系统 PATH 中 - 在控制面板中，转到系统属性，高级，按 Environment variables，在系统变量部分 select PATH 并追加C:\Ruby21\bin 去吧。确保在更改 PATH

后重新启动 PHPStorm

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

Trying to run a Gulp script that needs ruby on PHPStorm

ruby

shell

sass

phpstorm

gulp

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

Trying to run a Gulp script that needs ruby on PHPStorm

ruby

shell

sass

phpstorm

gulp

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