gulp 打包工具
可以对项目的资源进行压缩和优化 js/css/html/图片等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。
npm root -g 查看npm安装的全局目录在里面
E:\nodejs\node_global\node_modules
修改成一个方便的目录
E:\nodejs\node_global\node_modules
1. 在NodeJS安装路径下新建两个文件夹node_global与node_cache
npm config set prefix "E:\nodejs\node_global"
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
npm config set cache "C:\Program Files\nodejs\node_cache"
首先,在“系统变量”中新建一个名为NODE_PATH的变量,变量值为:新建的用于存放全局模块的文件夹中的node_modules文件夹的绝对路径。(告诉系统用户下载的全局模块在此处)。
NODE_PATH:E:\nodejs\node_global\node_modules
C:\Program Files\nodejs\node_global
PATH : %NODE_PATH%;E:\nodejs\node_global;
%NODE_PATH%;C:\Program Files\nodejs\node_global;
%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;E:\nodejs\;E:\wamp\mysql\bin;%NODE_PATH%;E:\nodejs\node_global;E:\git\Git\cmd;E:\svn-server\bin;E:\svn-client\bin;%NODE_PATH%;E:\nodejs\node_global;
npm root -g 再检测一下npm全局目录是否有修改成功
全局安装 项目内部安装
全局安装 就直接放到nodejs 是设置的全局目录
项目的内部安装:只是安装到项目的内部 并且在当前项目的文件夹中生成node_modules
1、全局安装
cnpm install gulp -g
检测是否安装成功
gulp --version
后面所有的操作都是在项目目录下面执行的
新建package.json文件(包文件)
cnpm init
本地安装gulp插件
cnpm install gulp --save
cnpm install gulp@3.9.1 --save 指定版本
--save 安装包信息将加入到dependencies(生产阶段的依赖)
--save-dev 安装包信息将加入到devDependencies(开发阶段的依赖)
新建gulpfile.js文件
gulpfile.js是gulp项目的配置文件,是位于项目根目录的普通js文件
安装gulp的插件来进行项目的优化
gulp-imagemin 图片压缩
cnpm install gulp-imagemin --save
cnpm install gulp-minify-css --save 压缩css插件
cnpm install gulp-uglify --save 压缩js
cnpm install gulp-concat --save js合并
cnpm install gulp-autoprefixer --save 浏览器前缀
cnpm install gulp-rev-append --save 给页面添加版本号
bower 360软件管理
安装
cnpm install bower -g
设置下载目录
.bowerrc 文件
{
"directory" : "assets/plugin"
}
bower初始化 项目目录里面执行
bower init
查找 bootstrap
bower search bootstrap
查看包的信息
bower info bootstrap
包安装
bower install bootstrap --save
包更新
bower update
包的卸载
bower uninstall bootstrap