码迷,mamicode.com
首页 > 其他好文 > 详细

gulp自动化

时间:2016-09-12 14:14:36      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

### 因为node.js有很多版本所以需要版本管理工具来管理
- 首先下载nvm node.js version https://github.com/coreybutler/nvm-windows/releases
- 然后新建一个全英文路径解压下载好的文件
- 然后创建一个settings.txt内容为
```
root:D:\AwebWork\nvm
path:D:\AwebWork\nodejs
arch:64
proxy:none
```

- 然后删除settings文件
- 使用管理员权限运行install.cad;输入nvm安装地址
- 然后安装想要使用的nodejs版本 nvm install 4.4.4;
- 使用命令为 nvm use 4.4.4
// 注意如果在path保存的路径中没有发现nodejs快捷方式;那么就到环境变量里的系统变量删除nvm-home 和它下面的那个nvm变量

```
其实;环境变量就是一个变量对应一个安装地址;如果想在全局访问;那么就在path变量里面;通过%变量名%的方式来引用保存的安装地址;
打开命令行;先在当前目录访问有没得这个文件;如果没有那么就通过path里面的路径访问
```


// 想要修改npm安装包全局路径;就看readme;就是安装全局包都装在指定的目录下
// 就是在用户目录下添加.npmrc文件
-------------------------------------------
+ --save-dev // 注意后面是一个杠杠
+ “dependencies”: {},//生产环境
+ "devDependencies": {}//开发环境
+
+ 这个命令跟在安装包的时候的后面;可以跟开使用前面的意思就是这个项目上线也需要这个包;连起来使用就是开发时候依赖上线不需要。就会形成一个配置文件;放在项目里面;以后上传个github的时候就不需要上传这些个依赖的东西了;download的时候再下;
+ 上面这个命令使用必须要先在项目文件夹中 npminit一个package.json来保存配置;初始化会配置一些信息;可以使用默认 后面跟上--yes;
------------------------------------------------------------------------------------
+ browsersync.io;使用gulp装;可以同步编译文件和浏览器之间的任何行为


```
理一理思路;首先因为nodejs有两个版本;为了切换方便;我们就使用nvm(nodejs版本管理工具);然后就可以随意切换了;
因为nodejs里面有npm;所以我们可以使用npm来下载gulp来实现自动化;比如开发时候需要边写代码浏览器边显示代码的改动(双屏爽);然后就可以下载browsersync来实现同步;总体就是需要什么功能就down什么下来require什么使用就行了;不会看文档
```
- 链接:
+ [官网](http://gulpjs.com/)
+ [中文网](http://www.gulpjs.com.cn/)

# 常用插件

- [编译 Less:gulp-less](https://www.npmjs.com/package/gulp-less)
- [编译 Jade: gulp-jade](https://www.npmjs.com/package/gulp-jade)
- [创建本地服务器:gulp-connect](https://www.npmjs.com/package/gulp-connect)
- [合并文件:gulp-concat](https://www.npmjs.com/package/gulp-concat)
- [最小化 js 文件:gulp-uglify](https://www.npmjs.com/package/gulp-uglify)
- [重命名文件:gulp-rename](https://www.npmjs.com/package/gulp-rename)
- [最小化 css 文件:gulp-minify-css](https://www.npmjs.com/package/gulp-minify-css)
- [压缩html文件 gulp-minify-html](https://www.npmjs.com/package/gulp-minify-html)
- [最小化图像:gulp-imagemin](https://www.npmjs.com/package/gulp-imagemin)

 

gulp自动化

标签:

原文地址:http://www.cnblogs.com/haojiubujian/p/5864506.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!