解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目


Posted in Javascript onFebruary 09, 2020

今天尝试了下安装vue-cli@3.xx,但是安装了很多遍都失败了。

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

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

根据描述

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

我顺藤摸瓜地看了看我本地的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安装不成功的问题及搭建ts-vue项目

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

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

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

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

nvm install v11.0.0

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

查看当前的node版本号。

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

再次尝试安装@vue/cli

npm i -g @vue/cli

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

这次没有报错了。

查看vue版本也没问题。

vue --version

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

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

控制台输入

vue ui

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

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

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

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

解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
JS温故而知新之变量提升和时间死区
Jan 27 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 #Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 #Javascript
javascript浅层克隆、深度克隆对比及实例解析
Feb 09 #Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 #Javascript
jQuery实现简单聊天室
Feb 08 #jQuery
jquery实现点击弹出对话框
Feb 08 #jQuery
jQuery实现简易聊天框
Feb 08 #jQuery
You might like
PHP 常见郁闷问题答解
2006/11/25 PHP
php生成图片验证码
2015/06/09 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
Django 请求Request的具体使用方法
2019/11/11 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
keras 权重保存和权重载入方式
2020/05/21 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
团日活动策划书
2014/02/01 职场文书
高三毕业寄语
2014/04/10 职场文书
教研活动总结
2014/04/28 职场文书
小学优秀学生评语
2014/12/29 职场文书
写自招自荐信的绝招!
2019/04/19 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS