解决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 相关文章推荐
document.open() 与 document.write()的区别
Aug 13 Javascript
Javascript学习笔记1 数据类型
Jan 11 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
Aug 29 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
如何利用ES6进行Promise封装总结
Feb 11 Javascript
基于layui内置模块(element常用元素的操作)
Sep 20 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
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编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
php基础设计模式大全(注册树模式、工厂模式、单列模式)
2015/08/31 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
js 函数性能比较方法
2020/08/24 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
python字符类型的一些方法小结
2016/05/16 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
业务总经理岗位职责
2014/02/03 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
国贸专业求职信
2014/06/28 职场文书
个人党性锻炼总结
2015/03/05 职场文书
Hive日期格式转换方法总结
2022/06/25 数据库