解决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怎么禁用浏览器后退按钮
Mar 27 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
jQuery移动端图片上传组件
Jun 12 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
Oct 24 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
jQuery回调方法使用示例
Jun 26 jQuery
js实现以最简单的方式将数组元素添加到对象中的方法
Dec 20 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 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
Yii框架弹出框功能示例
2017/01/07 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
JQuery球队选择实例
2015/05/18 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
LayUI表格批量删除方法
2018/08/15 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
python网络编程示例(客户端与服务端)
2014/04/24 Python
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
python函数的5种参数详解
2017/02/24 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python实现简单五子棋游戏
2019/06/18 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
python实现猜拳游戏项目
2020/11/30 Python
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
简短证婚人证婚词
2014/01/09 职场文书
2014年班主任工作总结
2014/11/08 职场文书
杭州黄龙洞导游词
2015/02/10 职场文书
变长双向rnn的正确使用姿势教学
2021/05/31 Python