解决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 相关文章推荐
Javascript浅谈之this
Dec 17 Javascript
JavaScript里实用的原生API汇总
May 14 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
基于JavaScript实现轮播图效果
Jan 02 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
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
Nigma vs Alliance BO5 第五场2.14
2021/03/10 DOTA
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
python交互式图形编程实例(三)
2017/11/17 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
解决pycharm界面不能显示中文的问题
2018/05/23 Python
python自动化报告的输出用例详解
2018/05/30 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
django 控制页面跳转的例子
2019/08/06 Python
使用python实现飞机大战游戏
2020/03/23 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
儿园租房协议书范本
2014/12/02 职场文书
建房合同协议书
2016/03/21 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
python实现简单区块链结构
2021/04/25 Python
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
SQL 聚合、分组和排序
2021/11/11 MySQL