解决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 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
jQuery实现列表的增加和删除功能
Jun 14 jQuery
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
vue自定义指令directive的使用方法
Apr 07 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教程-第一天
2007/03/18 PHP
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
php 常用的系统函数
2017/02/07 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
jQuery 页面 Mask实现代码
2010/01/09 Javascript
php图像生成函数之间的区别分析
2012/12/06 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
2019/09/21 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
python Flask 装饰器顺序问题解决
2018/08/08 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
网络教育自我鉴定
2014/02/04 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
C++程序员求职信
2014/05/07 职场文书
党员民主评议总结
2014/10/20 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server