下载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代表全局安装。