nodejs自定义全局系统环境配置

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