解决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 输入框内容格式验证代码
Feb 11 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
简单的网页广告特效实例
Aug 19 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
详解VUE调用本地json的使用方法
May 15 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
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
取得父标签
2006/11/14 Javascript
通过JAVAScript实现页面自适应
2007/01/19 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
javascript 常用功能总结
2012/03/18 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
2020/04/18 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
2018/10/01 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
Python实现的彩票机选器实例
2015/06/17 Python
详解Python3 pandas.merge用法
2019/09/05 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
python 创建一维的0向量实例
2019/12/02 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
销售队伍口号
2014/06/11 职场文书
2014年入党积极分子学习三中全会思想汇报
2014/09/13 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android