记录日常点点滴滴,欢迎来到我的小站。

0%

Windows10 安装Vue和Nodejs NPM环境

下载安装Nodejs

Nodejs下载地址,并开始按照提示安装
安装好后,打开PowerShell确认是否正常,输入以下命令

1
2
node -v
npm -v

输入后提示相应得版本号,则表示成功。

移动相关目录

我们将npm在系统盘里安装得两个文件夹移动到我们指定的位置。
现在E盘(我的工作区,可自己指定位置)创建 node_cache, node_global两个文件夹
输入以下命令

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

使用

1
npm list -global

来确认是否移动成功

更换源,增速NPM管理

我们选择淘宝镜像

1
npm config set registry=https://registry.npm.taobao.org

腾讯云镜像

1
npm config set registry http://mirrors.cloud.tencent.com/npm/

华为云镜像源

1
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

来配置源镜像
输入

1
2
npm config list
npm config get registry

确认最后的结果
并试着获得VUE的信息

1
npm info vue

看看是否能够获得相关信息

更新npm

输入

1
npm install npm -g

*注意,此时,默认的模块E:\nodejs\node_modules 目录

将会改变为E:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的。
我们需要做1件事情:
增加环境变量NODE_PATH 内容是:E:\nodejs\node_global\node_modules

安装VUE及Vue-router, Vue-cli

1
2
3
npm install vue -g
npm install vue-router -g
npm install vue-cli -g

打开我的电脑的系统属性里面的环境变量 添加新的环境变量

1
对path环境变量添加E:\nodejs\node_global

*注意 如果你使用的是PowerShell,即使你Vue安装成功输入

1
vue -V

也会提示出错。需要在PowerShell中输入

1
set-ExecutionPolicy RemoteSigned

选择a,之后就可以正常使用vue。
由于PowerShell的环境变量和系统本身的稍有不同,所以需要进行修改
在PowerShell下输入以下命令

1
$env:Path

获得当前的环境变量确认是否有E:\nodejs\node_global,没有的话输入以下命令

1
$env:path+=";E:\nodejs\node_global"

现在在测试VUE吧,可以正常使用了