vue-cli安装过程中所会碰到的问题

安装vue脚手架首先得安装好node.js,在配置好环境,这里我也就不说了,大家可以去网上搜一搜,

官网地址我先放在这,大家可以去看看。Node.js (nodejs.org)https://nodejs.org/zh-cn/

首先我们讲一讲安装vue脚手架(vue-cli)所会碰到的一些常见的问题。当我们碰到这些问题是,当然是问百度了,百度上也会出现各种各样的解决办法,当然在安装过程中也会碰到各种很气怪的问题,百度上总是解决不了,是不是很烦恼,等等看看我说的问题是不是大家所碰到的问题,也希望对各位有所帮助。

我们在全局安装vue脚手架 npm  install  vue-cli  -g或npm install -g @vue/cli(注意这里每个词之间都有空格)。当我们在安装时可能会报如下错误:

这里的问题可能是权限问题,当有权限问题时,我们可以打开文件夹找到相关文件,然后右击,点击属性然后点击安全在点编辑,最后就是勾选完全控制确定就可以了。

以上就是cmd相关权限修改。

还有就是当你先安装了webpack时,他就会出现一些冲突 如下图

 这时呢我们就要把webpack给卸载了,卸载我们只要在cmd中输入 npm  uninstall  webpack  -g指令就行了如下图所示:

 不要以为当这些完成后就已经大功告成了,不不不,后面还有呢。(哈哈哈!)

这时就要轮到你来做选择了(不要跟我说什么成年人从来不做选择,选就全都要)

这时就会出现如下的情况:

        ? Project name ( my-project ) 敲y, 回车既可

        ?project description ( A Vue.js project ) 敲回车既可

        ?Author  敲回车既可

        ? Vue build ( user arrow Keys ) 敲回车既可

        ? Install vue-router?(Y/n)敲Y回车既可 

        ?Use ESLint to lint your code? (Y/n) 敲n回车既可

        ?Set up unit tests (Y/n) 敲n回车既可

        ?Setup e2e tests with Nighwatch?(Y/n)敲n回车

        ?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)

(注意:这里的y表示yes,n表示no)

 (此图只供参考)

最后一步就是,会出现一个网址地址 http://localhost:8080/,这时你只要复制到浏览器就可以了,出现以下图

 

 出来当前这个界面,恭喜你,就表示安装成功!然后你就可以开始你的vue的新旅程了!如果你出现的问题一直解决不了,就是找了很多资料,一直没有办法解决,我建议你可以卸载node重新安装。

(个人比较懒,就写这些了,希望对大家有用,如不尽相同望谅解)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BiBbo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值