nvm的window下配置和安装

来源:互联网 发布:淘宝面膜便宜的原因 编辑:程序博客网 时间:2024/05/19 04:03


下载 nvm 包 地址:https://github.com/coreybutler/nvm-windows/releases,我们选择第一个:nvm-noinstall.zip 下载完成后解压到一个地方,比如: F:\dev\nvm 里面的文件列表是这样的:elevate.cmdelevate.vbsinstall.cmdLICENSEnvm.exe

右键使用管理员模式运行 install.cmd 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径” 先不用管它,直接回车,成功后,会在C盘的根目录生成一个settings.txt的文本文件,把这个文件剪切到F:\dev\nvm目录中,然后我们把它的内容修改成这样:

root: C:\dev\nvm path: C:\dev\nodejs arch: 64 proxy: none node_mirror: http://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/

然后我们开始配置环境变量了,因为刚刚点击了install.cmd的文件,那么会在环境变量的系统变量中,生成两个环境变量:NVM_HOME 和 NVM_SYMLINK 我们开始修改这两个变量名的变量值:NVM_HOME的变量值为:F:\dev\nvm; NVM_SYMLINK的变量值为:F:\dev\nodejs

我们还会发现,在Path中也会自动添加上C:\dev\nvm;或者是C:\dev\nodejs,如果有的话,把他们删掉,没有的话更好,我们自己来配置

在用户环境变量里新建 NVM_HOME 值为 F:\develop\nvm和NVM_SYMLINK 值为 F:\develop\nodejs

再配置路径 在path前加上;%NVM_HOME%;%NVM_SYMLINK%;

在cmd里面运行nvm v就可以看到版本号


npm的安装

首先 npm是什么? 
npm有两层含义,第一是npm这个开源的模块登记和管理系统,也就是这个站点:https://www.npmjs.com。 
第二个指的是 nodejs package manager 也就是nodejs的包管理工具。我们主要说的就是这一个。 
在每个版本的nodejs中,都会自带npm,为了统一起见,我们安装一个全局的npm工具,这个操作很有必要,因为我们需要安装一些全局的其他包,不会因为切换node版本造成原来下载过的包不可用。

  • 首先我们进入命令模式,输入 npm config set prefix "C:\dev\nvm\npm" 回车,这是在配置npm的全局安装路径,然后在用户文件夹下会生成一个.npmrc的文件,用记事本打开后可以看到如下内容:

    prefix=C:\dev\nvm\npm

  • 然后继续在命令中输入: npm install npm -g 回车后会发现正在下载npm包,在C:\dev\nvm\npm目录中可以看到下载中的文件,以后我们只要用npm安装包的时候加上 -g 就可以把包安装在我们刚刚配置的全局路径下了。

  • 我们为这个npm配置环境变量: 变量名为:NPM_HOME,变量值为 :C:\dev\nvm\npm

  • 在Path的最前面添加;%NPM_HOME%,注意了,这个一定要添加在 %NVM_SYMLINK%之前,所以我们直接把它放到Path的最前面

  • 最后我们新打开一个命令窗口,输入npm -v ,此时我们使用的就是我们统一下载的npm包了。

  • 同样的我们还可以安装cnpm工具,它是中国版的npm镜像库,地址在这里:https://cnpmjs.org/,也是npm官方的一个拷贝,因为我们和外界有一堵墙隔着,所以用这个国内的比较快,淘宝也弄了一个和npm一样的镜像库,http://npm.taobao.org/,它和官方的npm每隔10分钟同步一次。安装方式:

    • npm install -g cnpm --registry=http://r.cnpmjs.org
    • 或者用淘宝的npm install -g cnpm --registry=https://registry.npm.taoba.org
    • 安装好了cnpm后,直接执行cnpm install 包名比如:cnpm install bower -g 就可以了。-g只是为了把包安装在全局路径下。如果不全局安装,也可以在当前目录中安装,不用-g就可以了。

  • 如果你是第一次下载,在use之前F:\dev目录下是没有nodejs这个文件夹的,在输入比如: nvm use 5.11.0 之后,你会发现,C:\dev目录下多了一个nodejs文件夹,这个文件夹不是单纯的文件夹,它是一个快捷方式,指向了 F:\dev\nvm 里的 v5.11.0 文件夹。

  • 同样的咱们可以下载其他版本的nodejs,这样通过命令:nvm use 版本号 比如:nvm use 5.11.0就可以轻松实现版本切换了。

  • 备注: 如果你的电脑系统是32 位的,那么在下载nodejs版本的时候,一定要指明 32 如: nvm install 5.11.0 32 这样在32位的电脑系统中,可以使用,默认是64位的。

参考:http://blog.csdn.net/tyro_java/article/details/51232458


       可以下载cnpm,或者nrm来切换npm下载源

参考:http://www.cnblogs.com/songqingbo/articles/5611588.html

gulp安装

            

1. 全局安装 gulp:

$ npm install --global gulp

2. 作为项目的开发依赖(devDependencies)安装:

$ npm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件:

初始化npm         npm init 生成package.json
var gulp = require('gulp');gulp.task('default', function() {  // 将你的默认的任务代码放在这});

    tip: 将F:\develop\nvm\npm(即npm目录)放入系统path中,否则无法访问gulp



gulp 工作流程


   1 命令行创建npm的配置文件

a.   npm int   生成package.json

   2 在目录添加一个gulp的依赖

                a.npm install gulp --save-dev

   3 在项目根目录下添加一个gulpfile.js 文件名是固定的

   4 在gulpfile 中抽象所需的任务,详细可以看gulp官网(插件安装例: npm install gulp-less--save-dev)