安装node.js等工具
1、下载安装包
下载地址:https://nodejs.org/zh-cn/download/
根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包
也可以选择国内淘宝镜像http://npm.taobao.org/mirrors/node/
找到相应的版本下载
下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:\Program Files下,也可以自定义修改(最好自定义修改,默认路径中有空格,可能会出现问题)
Node.js runtime表示运行环境
npm package manager表示npm包管理器
online documentation shortcuts在线文档快捷方式
Add to PATH添加到环境变量
安装完成如图所示,这里我修改了node的安装路径C:\node
安装完成后,.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证
既然已经将node程序添加到全局系统变量,我们可以直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令node -v查看node版本
最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本
2.修改包路径
默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看
但是有时候我们不想让全局包放在这里,我们想放在node的安装目录下
1、在node安装目录下下新建两个文件夹
node_global全局包下载存放
node_cachenode缓存
2、修改路径
在CMD窗口执行以下两条命令:
npm config set prefix “C:\node\node_global”
npm config set cache “C:\node\node_cache”
我们再次下载一个全局包,执行命令npm install -g vue,可以发现,下载的全局包vue已经放在了我们设置的目录中
3.修改用户变量path为:C:\node\node_global
新增系统变量NODE_PATH,变量值为C:\node\node_global\node_modules
修改之后关闭CMD窗口,然后重新打开,运行刚才的test.js文件
4.如果在执行npm install 非常缓慢的时候,可以试着更换镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
之后的npm命令全换成cnpm
执行 **cnpm install,**这时候就比较快一些安装依赖文件
使用了npm install -g @vue/cli安装,但是npm实在太慢,半小时过去都还在安装,这也行不通
换了cnpm i -g @vue/cli命令再次安装,
安装成功后输入vue --version查看,版本终于出现了
慢,半小时过去都还在安装,这也行不通
换了cnpm i -g @vue/cli命令再次安装,
安装成功后输入vue --version查看,版本终于出现了