日星网 windows 中文论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 90|回复: 0

Windows10 安装Vue和Nodejs NPM环境

[复制链接]
发表于 2020-8-15 13:15:24 | 显示全部楼层 |阅读模式
  • 下载安装Nodejs
    Nodejs下载地址,并开始按照提示安装
    安装好后,打开PowerShell确认是否正常,输入以下命令
    1. node -v
    2. npm -v
    复制代码

    输入后提示相应得版本号,则表示成功。
  • 移动相关目录
    我们将npm在系统盘里安装得两个文件夹移动到我们指定的位置。
    现在E盘(我的工作区,可自己指定位置)创建 node_cache, node_global两个文件夹
    输入以下命令
    1. npm config set prefix "E:\nodejs\node_global"
    2. 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 list
    2. 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. npm install vue -g
    2. npm install vue-router -g
    3. 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吧,可以正常使用了
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

手机版|小黑屋|日星网

GMT, 2020-9-26 06:06 AM , Processed in 0.019085 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表