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