解决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 相关文章推荐
验证码按回车不变解决方法
Mar 29 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
jQuery中的select操作详解
Nov 29 Javascript
JSONP跨域请求
Mar 02 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
如何用JavaScript实现一个数组惰性求值库
May 05 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
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
用PHP获取Google AJAX Search API 数据的代码
2010/03/12 PHP
微信红包随机生成算法php版
2016/07/21 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
深入理解JavaScript中的for循环
2017/02/07 Javascript
js中作用域的实例解析
2017/03/16 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python根据经纬度计算距离示例
2014/02/16 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
python在协程中增加任务实例操作
2021/02/28 Python
Python 求向量的余弦值操作
2021/03/04 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
新学期开学寄语
2014/01/18 职场文书
六年级学生评语
2014/04/22 职场文书
三八妇女节致辞
2015/07/31 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL