解决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 相关文章推荐
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
jQuery Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
js基于myFocus实现轮播图效果
Feb 14 Javascript
js HTML5 canvas绘制图片的方法
Sep 08 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
javascript实现前端分页效果
Jun 24 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时间不正确的解决方法
2008/04/09 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
学习PHP session的传递方式
2016/06/15 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
js获取单选按钮的数据
2006/11/27 Javascript
Convert Seconds To Hours
2007/06/16 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
2017/04/13 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
如何用python写个模板引擎
2021/01/14 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
2020/11/13 HTML / CSS
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
客户经理岗位职责
2013/12/08 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
党内外群众意见范文
2015/06/02 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
python字符串的多行输出的实例详解
2021/06/08 Python