解决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 相关文章推荐
IE与firefox之jquery用法区别
Oct 03 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 Javascript
Vue.JS入门教程之事件监听
Dec 01 Javascript
vue-router单页面路由
Jun 17 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
php 使用mpdf实现指定字段配置字体样式的方法
2019/07/29 PHP
JavaScript的parseInt 进制问题
2009/05/07 Javascript
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
python中的字典操作及字典函数
2018/01/03 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
对python中各个response的使用说明
2020/03/28 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
小学美术教学反思
2014/02/01 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
建议书标准格式
2014/03/12 职场文书
高中语文课后反思
2014/04/27 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
2015年宣传思想工作总结
2015/05/22 职场文书