搭建 Node 开发环境

1 下载安装包

两种方式,官网下载最新 LTS 版本的或者到提取我的网盘文件(当前版本是 10.16.0)

链接:https://pan.baidu.com/s/1Ztsq550dPimkUAXsDyEoPA

提取码:pb2w

2 安装

跟安装普通软件一样安装,到了下面这一步的时候,可以自己选择安装的位置

image

然后一路安装就可以了。

3 检测

往控制台中分别输入

1
node -v, npm -v

出现下面的结果的话,接表示我们已经可以使用 node 开发了。

image

4 修改全局 npm 包的位置

虽然做完上面的事情我们就已经可以开发了,但是它默认的全局 npm 包是放在系统盘的,要是我们以后安装太多全局 npm 包的话,会占系统盘很大空间的,这种情况肯定不好啦。所以我们要修改我们全局 npm 包的位置。(如果你系统盘留着非常多的空间的话那就随意了)

这个其实很简单,npm 自己可以设置,我们只要在控制台运行下面的脚本就可以修改全局 npm 包的位置了

1
2
npm config set prefix "D:\nodejs\npm_global"
npm config set cache "D:\nodejs\npm_cache"

修改之后运行

1
npm config ls

查看配置

image

这样就差不多了。

然后我尝试全局安装一下 vue-cli 脚手架,

1
npm install vue-cli -g

安装过后,我们到 npm_global 目录下的 node_modules 看一下,已经安装成功,事实上这就是全局包的安装路径

image

我们尝试在控制台运行一下 vue-cli

1
vue inti webpack demo

但是会发现会报错,这是因为我们修改了路径,但是还没配环境变量,所以我们就需要打开环境变量配置。

首先新建一个 NODE_PATH,变量值为设置的安装路径下的 node_modules 文件夹

image

然后往 path 变量中添加一个值(值为全局安装路径的地址),如下图

image

然后我们就可以愉快的去使用全局 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 的环境也配置完成了,后面就可以进一步的去学习和使用了。



----------- 本文结束 -----------




小红帽 wechat
想看更多文章,那就订阅我的微信公众号吧
如果觉得我的文章对你有很大帮助的话,请我喝杯奶茶吧~(@^_^@)~