1 下载安装包
两种方式,官网下载最新 LTS 版本的或者到提取我的网盘文件(当前版本是 10.16.0)
链接:https://pan.baidu.com/s/1Ztsq550dPimkUAXsDyEoPA
提取码:pb2w
2 安装
跟安装普通软件一样安装,到了下面这一步的时候,可以自己选择安装的位置
然后一路安装就可以了。
3 检测
往控制台中分别输入1
node -v, npm -v
出现下面的结果的话,接表示我们已经可以使用 node 开发了。
4 修改全局 npm 包的位置
虽然做完上面的事情我们就已经可以开发了,但是它默认的全局 npm 包是放在系统盘的,要是我们以后安装太多全局 npm 包的话,会占系统盘很大空间的,这种情况肯定不好啦。所以我们要修改我们全局 npm 包的位置。(如果你系统盘留着非常多的空间的话那就随意了)
这个其实很简单,npm 自己可以设置,我们只要在控制台运行下面的脚本就可以修改全局 npm 包的位置了1
2npm config set prefix "D:\nodejs\npm_global"
npm config set cache "D:\nodejs\npm_cache"
修改之后运行
1 | npm config ls |
查看配置
这样就差不多了。
然后我尝试全局安装一下 vue-cli 脚手架,
1 | npm install vue-cli -g |
安装过后,我们到 npm_global 目录下的 node_modules 看一下,已经安装成功,事实上这就是全局包的安装路径
我们尝试在控制台运行一下 vue-cli
1 | vue inti webpack demo |
但是会发现会报错,这是因为我们修改了路径,但是还没配环境变量,所以我们就需要打开环境变量配置。
首先新建一个 NODE_PATH
,变量值为设置的安装路径下的 node_modules
文件夹
然后往 path 变量中添加一个值(值为全局安装路径的地址),如下图
然后我们就可以愉快的去使用全局 npm 包啦。
5 安装 cnpm
由于 npm 的站点在国外,有时候网络不好安装依赖需要很久,这个时候我们可以使用淘宝的 cnpm 镜像来安装项目依赖。首先我们运行下面的指令安装 cnpm。
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
然后我们输入1
cnpm -v
来查看 cnpm 的版本,顺便确定是否成功安装了 cnpm ,如果能看到了 cnpm 的版本号,那就说明安装成功了,我们就可以使用 cnpm install
来替代 npm install
安装项目依赖了。
友情提示:我们最好还是用 npm 去安装项目依赖,但是要是网络不好用 npm 装依赖久到怀疑人生的时候就用 cnpm 去安装项目依赖。
至此,我们 node 的环境也配置完成了,后面就可以进一步的去学习和使用了。