首页 > 其他 > 详细

npm 安装vue-cli

时间:2019-07-07 13:23:23      阅读:107      评论:0      收藏:0      [点我收藏+]

npm 安装vue-cli:

 

vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。

卸载命令:

npm uninstall vue-cli -g

卸载完成后再去安装新版本cli

npm i -g @vue/cli

***有些时候由于网络问题导致下载失败,再次重新下载后会有一个错误的json报错,这个是因为你上一次下载的时候的缓存问题,我们只需要清楚npm缓存就好了,

清楚npm缓存

npm cache clean --force

技术分享图片

 

 清楚缓存完成后再重新下载就好了。

再安装cli时还有可能出现-4080错误 ,这个时候说明是权限不够,更换成管理员权限运行即可;

技术分享图片

这是win10的PowerShell  win7的话就是cmd;

更换成管理员运行后再次重新下载即可安装;安装完成后查看版本号,如果正确显示说明安装成功

vue -V

技术分享图片

安装成功后让我们来构建一个项目:

依旧再命令提示符中使用命令

vue create myprojrct

 技术分享图片

 

 之后进入到我的项目的路径 默认是给提示的, 执行代码

cd myproject
npm run serve

技术分享图片

 

 到这一步我们就可以再本地用端口访问vue了

技术分享图片

 

很明显这个标题就是我们的项目名称。

npm 安装vue-cli

原文:https://www.cnblogs.com/cola1orz/p/11145117.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!