                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /前端实时可视化开发工具体验

livereload install error

node-gyp ?

03:01

UFO2015

2016-10-05

源自：前端实时可视化开发工具体验 2-2

关注问题我要回答

1737

操作

收起

3 回答

UFO2015 提问者
2016-10-06

bug!

$ npm install --save-dev gulp-livereload

0 回复有任何疑惑可以回复我~

收起回答

UFO2015 提问者
2016-10-05

[https://github.com/nodejs/node-gyp#installation](https://github.com/nodejs/node-gyp#installation)
 
```sh
$ npm install --global --production windows-build-tools
``` 
 
### [https://www.npmjs.com/package/node-gyp-install](https://www.npmjs.com/package/node-gyp-install)
 
```sh
$ npm install -g node-gyp-install
```

0 回复有任何疑惑可以回复我~

收起回答

UFO2015 提问者
2016-10-05

# gulp plugins 

[http://gulpjs.com/plugins/](http://gulpjs.com/plugins/)  

[https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md)

```sh
gulp-typescript
gulp-react
gulp-render
gulp-sass
gulp-less
gulp-babel
gulp-uglyfly
gulp-jade
gulp-pug
gulp-yaml
gulp-config-sync
gulp-angular-filesort
gulp-angular-protractor
gulp-angular-architecture-graph
gulp-angular-svg-d
gulp-svgicons2svgfont
gulp-svg-icons
gulp-svg-sprites
gulp-svgmin
gulp-imagemin
gulp.spritesmith
...
``` 



# lifestyle css/sass/less  实时双向渲染

## LiveStyle. 
The first bi-directional real-time edit tool for CSS, LESS and SCSS.

 
[http://livestyle.io/](http://livestyle.io/)


# LiveReload   css/sass/less/js/images  实时渲染

LiveReload monitors changes in the file system. 

As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.

[http://livereload.com/](http://livereload.com/)


### livereload install error

[https://github.com/nodejs/node/issues/8939](https://github.com/nodejs/node/issues/8939) 

[https://github.com/nodejs/node-gyp/issues](https://github.com/nodejs/node-gyp/issues/154) 

[http://stackoverflow.com/questions/33896511/npm-install-fails-with-node-gyp](http://stackoverflow.com/questions/33896511/npm-install-fails-with-node-gyp) 

[https://github.com/nodejs/node-gyp#installation](https://github.com/nodejs/node-gyp#installation)

```sh
$ npm install --global --production windows-build-tools
``` 

### [https://www.npmjs.com/package/node-gyp-install](https://www.npmjs.com/package/node-gyp-install)

```sh
$ npm install -g node-gyp-install
```

0 回复有任何疑惑可以回复我~

收起回答