Node.js | Node.js安装及npm模块插件安装路径配置,并安装Vue CLI

引:在安装完nodejs后,通过npm下载全局模块默认安装到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下,这当然是不太对的默认。

一、npm模块插件安装路径配置

不推荐Node.js安装在c盘
安装LTS版本的nodejs,nodejs安装路径会自动添加到PATH环境变量;
本文安装路径为:D:\Applications\nodejs

1、在nodejs安装目录下创建一个node_cache文件夹

node_modules在nodejs安装后会自动创建
注意:设置完npm插件的安装路径后,会在你设置的路径下自动创建一个node_modules文件夹来存储插件
缓存路径为创建的node_cache文件夹

2、运行以下两条cmd命令

npm config set prefix "D:\Applications\nodejs\node_global"  //全局模块插件存放路径
npm config set cache "D:\Applications\nodejs\node_cache"  //缓存路径 warn:路径中不能包含空格否则npx使用不了

设置完成后,我们可以通过 npm config list 来查看npm的配置

3、设置环境变量

环境变量必须配置,否则npm模块插件无法运行

二、安装Vue CLI

1.安装

npm install -g @vue/cli

2.检查其版本是否正确

vue --version

可能出现的错误
在这里插入图片描述
解决方案:

  1. 以管理员身份运行PowerShell
  2. 执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的
  3. 执行:set-ExecutionPolicy RemoteSigned
  4. 这时再执行get-ExecutionPolicy,就显示RemoteSigned

三、使用淘宝的镜像

1.安装淘宝的cnpm,然后在使用时直接将npm命令替换成cnpm命令即可

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.修改默认的仓库地址

npm的默认地址是 https://registry.npmjs.org/

npm config get registry // 查看npm的仓库地址
npm config set registry https://registry.npm.taobao.org // 修改默认的仓库地址

你可能感兴趣的:(大前端)