资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么解决vue-cli@3.xx安装不成功的问题-创新互联

这篇文章主要介绍了怎么解决vue-cli@3.xx安装不成功的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

在贡嘎等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作按需定制网站,公司网站建设,企业网站建设,品牌网站建设,成都全网营销推广,外贸网站建设,贡嘎网站建设费用合理。

最后访问了一下vue-cli的官方安装指南网站https://cli.vuejs.org/zh/guide/installation.html尝试找出些原因。

根据描述

怎么解决vue-cli@3.xx安装不成功的问题

我顺藤摸瓜地看了看我本地的node版本。

首先,我之前有在使用nvm管理工具,但是之前有段时间安装node搞得不顺畅,就很少理会这块了。今天为了保险起见,再次安装一下。

// 安装nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

然后在控制台发现nvm指令无效。

zsh: command not found: nvm

我想这是因为我后来安装了控制台的一个相关工具的问题。

接着在网上找了些方法,尝试跟着以下的方法执行一下,可行。

export NVM_DIR="/Users/你的主机/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

怎么解决vue-cli@3.xx安装不成功的问题

之后查看了我当前的ndoe版本,只有v8.9.1。

怎么解决vue-cli@3.xx安装不成功的问题

很有可能是因为node版本太低了。

之后我安装了一个稍微高一点的版本。

nvm install v11.0.0

怎么解决vue-cli@3.xx安装不成功的问题

查看当前的node版本号。

怎么解决vue-cli@3.xx安装不成功的问题

再次尝试安装@vue/cli

npm i -g @vue/cli

怎么解决vue-cli@3.xx安装不成功的问题

这次没有报错了。

查看vue版本也没问题。

vue --version

怎么解决vue-cli@3.xx安装不成功的问题

接着尝试打开一下vue ui,创建一个项目。

控制台输入

vue ui

接着浏览器就会自动打开Vue项目管理器的页面,接着就可以在这上面创建项目了。

使用这个@vue/cli能够快速在vue ui中搭建一个ts相关的项目。

怎么解决vue-cli@3.xx安装不成功的问题

怎么解决vue-cli@3.xx安装不成功的问题

怎么解决vue-cli@3.xx安装不成功的问题

创建成功后,页面长这样:

怎么解决vue-cli@3.xx安装不成功的问题

感谢你能够认真阅读完这篇文章,希望小编分享的“怎么解决vue-cli@3.xx安装不成功的问题”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享标题:怎么解决vue-cli@3.xx安装不成功的问题-创新互联
文章链接:http://cdkjz.cn/article/dphjpd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220