1. 先下载node.js,下载地址:https://nodejs.org/en/download/
找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中。
安装node
配置进环境变量
检查是否安装完成
2. npm配置
查看npm配置信息,使用 npm config list
当前配置,或使用 npm config ls -l
全部配置信息。
cache = "C:\\Users\\geyao\\AppData\\Roaming\\npm-cache"
cache-lock-retries = 10
cache-lock-stale = 60000
cache-lock-wait = 10000
cache-max = null
cache-min = 10
cafile = undefined
cert = null
cidr = null
color = true
commit-hooks = true
depth = null
description = true
dev = false
dry-run = false
editor = "notepad.exe"
engine-strict = false
fetch-retries = 2
fetch-retry-factor = 10
fetch-retry-maxtimeout = 60000
fetch-retry-mintimeout = 10000
force = false
format-package-lock = true
fund = true
git = "git"
git-tag-version = true
global = false
global-style = false
globalconfig = "C:\\Users\\geyao\\AppData\\Roaming\\npm\\etc\\npmrc"
globalignorefile = "C:\\Users\\geyao\\AppData\\Roaming\\npm\\etc\\npmignore"
然后运行以下2条命令
npm config set prefix "G:\node\node_global",将来全局安装的东西就会跑到这个文件夹的node_modules文件夹里面去了。
npm config set cache "G:\node\node_cache"
配置镜像源头
下面两种写法都行,是将npm的指令直接修改为国内镜像源,如果用着不爽,可以看下面配置成cnpm指令的方式。
npm config set registry https://registry.npm.taobao.org
npm config set registry=http://registry.npm.taobao.org
# 配置后可通过下面方式来验证是否成功
npm config get registry
# 或
npm info expresscnpm的方式:
npm install -g cnpm --registry=https://registry.npm.taobao.org# 使用,都通过cnpm指令来下载
cnpm install express -g# 如果不能使用 cnpm,可能是指定了 npm 的全局模块目录导致,需要配置相应的系统环境
注意,此时,默认的模块G:\node\node_modules 目录将会改变为D:\nodejs\node_global\node_modules 目录,如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:G:\node\node_global\node_modules
一、测试NPM安装vue.js
命令:npm install vue -g
这里的-g是指安装到global全局目录去
二、测试NPM安装vue-router
命令:npm install vue-router -g
运行npm install vue-cli -g安装vue脚手架,
对path环境变量添加G:\node\node_global,因为全局安装vue和全局安装其他的模块不太一样,vue安装在了node_global这个文件夹里面,而不是这个文件夹里面的那个ndoe_modules文件夹中,如果想在cmd窗口直接使用vue这个命令,就需要配置环境变量