Node.js图文安装教程以及环境配置

一、Node.js图文安装教程以及环境配置

---

相关文章：vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在

1、nodejs安装

【工具官网】

Node.js : http://nodejs.cn/

淘宝NPM: https://npm.taobao.org/

next到

之后一路点击next

点击finish完成

打开cmd 检查是否安装成功

npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到E:\nodejs

在安装目录新建node_cache 、node_global 文件夹 一个是全局模块，一个是缓存

方法一：cmd运行

npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"

运行 npm list -global 查看

目录已经改变

方法二：在nodejs的安装目录下，进入node_modules——>npm——>找到npmrc文件，打开

添加以下命令：
prefix=创建的node_global文件夹所在路径
cache=创建的node_cache文件夹所在路径
如：
prefix=E:\develop\nodejs\node_global
cache=E:\develop\nodejs\node_cache

配置镜像站

npm config set registry=http://registry.npm.taobao.org

检查镜像站是否可行 方法一：

npm config get registry

检查镜像站是否可行 方法二：

npm info vue

更新npm

npm install npm -g

再次查看global里有什么模块

npm list -global

测试 安装vue

默认的模块D:\nodejs\node_modules 目录改变为D:\nodejs\node_global\node_modules 目录，

如果直接运行npm install等命令会报错的。

解决：

添加环境变量 NODE_PATH

可以打开目录查看 vue 已经安装

运行npm install vue-cli -g安装vue脚手架

下一篇：vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在