gulp在安装语义u

Question

我正在尝试使用本教程使用npm和gulp安装semantic-ui：http://www.semantic-ui.com/introduction/getting-started.html

我跑npm install semantic-ui --save，一切都很好。 但后来我直接进入semantic/文件夹并运行gulp build但是说：

cannot find semantic.json. Run "gulp install" to set-up Semantic

semantic.json文件位于我项目的根目录中。我也尝试了gulp install，但它说Task 'install' is not in your gulpfile

我该怎么办？

编辑： 这是我的gulpfile.js文件：

/*******************************
            Set-up
*******************************/

var
  gulp         = require('gulp-help')(require('gulp')),

  // read user config to know what task to load
  config       = require('./tasks/config/user'),

  // watch changes
  watch        = require('./tasks/watch'),

  // build all files
  build        = require('./tasks/build'),
  buildJS      = require('./tasks/build/javascript'),
  buildCSS     = require('./tasks/build/css'),
  buildAssets  = require('./tasks/build/assets'),

  // utility
  clean        = require('./tasks/clean'),
  version      = require('./tasks/version'),

  // docs tasks
  serveDocs    = require('./tasks/docs/serve'),
  buildDocs    = require('./tasks/docs/build'),

  // rtl
  buildRTL     = require('./tasks/rtl/build'),
  watchRTL     = require('./tasks/rtl/watch')
;


/*******************************
             Tasks
*******************************/

gulp.task('default', false, [
  'watch'
]);

gulp.task('watch', 'Watch for site/theme changes', watch);

gulp.task('build', 'Builds all files from source', build);
gulp.task('build-javascript', 'Builds all javascript from source', buildJS);
gulp.task('build-css', 'Builds all css from source', buildCSS);
gulp.task('build-assets', 'Copies all assets from source', buildAssets);

gulp.task('clean', 'Clean dist folder', clean);
gulp.task('version', 'Displays current version of Semantic', version);

/*--------------
      Docs
---------------*/

/*
  Lets you serve files to a local documentation instance
  https://github.com/Semantic-Org/Semantic-UI-Docs/
*/

gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs);
gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs);


/*--------------
      RTL
---------------*/

if(config.rtl) {
  gulp.task('watch-rtl', 'Build all files as RTL', watchRTL);
  gulp.task('build-rtl', 'Watch files as RTL ', buildRTL);
}

Answer 1

node_modules位于上游或不同文件夹中时会发生此问题。假设您全局安装semantic-ui，node_modules位于：

/Users/afshin/node_modules/

解决此问题的所有方法是将node_modules复制到semantic-ui文件夹（您的语义ui项目文件夹）

希望这能让人免于头疼。

Answer 2

  

我运行npm install semantic-ui --save，一切都很好。 然后我直接进入semantic/文件夹和run gulp构建 ......

iv'e试图跟进您的线索并执行npm install semantic-ui

我有这个讨厌的巫师：

为什么不bower？

由于你所关心的只是引用semantic-ui的静态文件，我建议using bower

安装bower：

npm install -g bower

然后添加semantic-ui：

bower install semantic-ui

semantic-ui个软件包包含一个dist目录，其中包含一个js + css版本，可以使用