解决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 相关文章推荐
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
js中class的点击事件没有效果的解决方法
Oct 13 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
Vue2.0 vue-source jsonp 跨域请求
Aug 04 Javascript
vue 子组件向父组件传值方法
Feb 26 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
iview table高度动态设置方法
Mar 14 Javascript
微信小程序将字符串生成二维码图片的操作方法
Jul 17 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 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数据的三种方法
2006/10/09 PHP
php横向重复区域显示二法
2008/09/25 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
php验证码生成代码
2015/11/11 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
2014/01/14 Javascript
14款NodeJS Web框架推荐
2014/07/11 NodeJs
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
Python获取系统默认字符编码的方法
2015/06/04 Python
python编写弹球游戏的实现代码
2018/03/12 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
护理不良事件检讨书
2014/02/06 职场文书
教师个人鉴定材料
2014/02/08 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
建房合同协议书
2016/03/21 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python