安装nodejs以及webpack

下载nodejs

下载地址：这里。拿win10安装为例，直接运行下载好的msi文件。一直下一步安装即可。期间选择对应的安装盘符。最后点击finish。

安装完成后，可以cmd打开命令行，输入

node -v 

来查看node的版本，同时可以通过

npm -v 

查看npm的版本。

配置npm

通过输入

npm config ls

会显示npm的默认配置如下：

; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.9.0 node/v10.16.0 win32 x64"

; userconfig C:\Users\Administrator\.npmrc
https-proxy = null
proxy = null

; builtin config undefined
prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm"

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = C:\Users\Administrator
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

 可以看到prefix默认在c盘目录下，很不好找。我们可以修改他的存放路径。在nodejs的安装目录下，新建两个文件夹npm_modules和npm_cache。分别设置成prefix和cache。具体命令如下：

npm config set cache "D:\nodejs\npm_cache"

npm config set prefix "D:\nodejs\npm_modules"

然后在通过命令

npm config ls

就可以看到修改后的路径。 

安装cnpm

因为npm下载依赖时，国外的下载很慢，所以先安装cnpm通过下载国内镜像，速度会快很多。
通过在命令行输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

这个命令就是通过淘宝镜像来下载安装cnpm。

安装完成后我们可以在npm_modules看到cnpm.cmd如下：

如果要使用cnpm命令，需要在cmd中进入该目录输入对应指令，或者在系统环境变量path中，添加该路径。为了方便，我们还是在系统环境变量下添加下该路径。

安装nrm

在使用npm时，官方的源下载npm包会比较慢，国内我们基本使用淘宝的源，最近公司内部搭建了一套npm私有仓库。要添加自己公司内部的npm源，公司内部的源不可能把npm官方的npm包都全量同步，故需要npm源之间的切换，如果使用npm registry xxx的话，太不好管理了。nrm是管理npm源切换的利器。

安装命令如下：

cnpm install -g nrm

如果提示cnpm不是内部指令等问题，要仔细看下我上边说的，配置环境变量或者在cnpm.cmd的目录中运行该命令。nrm遇到该情况也是如此。

安装nrm完成后。我们就可以通过命令：

nrm ls 

来查看所有的代理名称及地址。如下：

C:\Users\Administrator>nrm ls

  npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
* taobao - https://registry.npm.taobao.org/
  nj ----- https://registry.nodejitsu.com/
  npmMirror  https://skimdb.npmjs.com/registry/
  edunpm - http://registry.enpmjs.org/

这里可以看到前边带*的就是当前使用的代理地址。默认是npm。通过命令

nrm use taobao

我们将代理地址改为淘宝代理。

安装webpack

安装命令如下：

cnpm install webpack -g

我们可以在webpack后加@+版本号来安装指定版本的webpack。

最后通过命令

webpack -v 

查看是否安装成功。有些可能会提示是否安装webpack-cli。输入yes安装即可。

以上就是安装nodejs和webpack的总结。其中涉及到全局安装和本地安装的概念没有细说，怕看起来麻烦，其实简单讲，全局安装就是以后的每个项目都使用这个全局的，大家用同样的依赖，本地安装，就是不同的项目可能依赖的版本不一样。以上安装，基本都是通用全局安装。-g代表全局安装。