解决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.load的方法可以一直load下去
Mar 28 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
JS继承定义与使用方法简单示例
Feb 19 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 session应用实例 登录验证
2009/03/16 PHP
PHP管理内存函数 memory_get_usage()使用介绍
2012/09/23 PHP
php include类文件超时问题处理
2015/02/06 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
2017/12/15 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
python实现ID3决策树算法
2018/08/29 Python
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
社区十八大感言
2014/01/19 职场文书
规划编制实施方案
2014/03/15 职场文书
岗位聘任书范文
2014/03/29 职场文书
交通事故协议书
2014/04/15 职场文书
临床护理求职信
2014/04/26 职场文书
2014年政协工作总结
2014/12/09 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS