从头安装Vue环境——不再折腾

想装个vue环境,各种报错,卸载重装后
折腾了好久各种百度终于找到一个完美的解决方案,赶紧记录一下

一、卸载安装node.js

1.从卸载程序卸载程序和功能。
2.寻找这些文件夹并删除它们(如果还有)。根据您安装的版本这些可能存在也可能不存在:
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)
4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。

下载稳定版node.js,下载后选择选择安装路径无脑下一步就行。
在这里插入图片描述
在这里插入图片描述

二、 安装Vue环境

安装前请确保网络没问题,不然各种出问题

1、node安装目录下新建两个文件夹node_cache node_global
在这里插入图片描述

2、cmd命令行

	 npm config set cache "node_cache全路径"
     npm config set prefix "node_global全路径"

3、配置淘宝镜像安装下载更快

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

4、node_global全局路径添加到环境变量path中
外面新建NODE_PATH 填入node_modules全路径
在这里插入图片描述
在这里插入图片描述

5、安装vue
重新打开cmd输入:

 cnpm install vue -g

在这里插入图片描述

6、安装Vue脚手架

cnpm install -g vue@cli

有可能报错,没报错则安装脚手架成功,报错看下面
在这里插入图片描述

7、执行vue -v 出现不是内外部命令:
更新一下npm

  npm i npm -g  
  npm i @vue/cli -g

在这里插入图片描述

8、镜像安装脚手架
cnpm i @vue/cli -g 慢慢等待安装成功

cnpm i @vue/cli -g

在这里插入图片描述
9、经过漫长的等待安装成功用vue -h查看所有的功能
在这里插入图片描述
在项目中如果需要引用axios可在命令行执行vue add axios
即可下载axios文件,直接使用即可
在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值