解决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 相关文章推荐
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
详解JavaScript对象类型
Jun 16 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
Node.JS如何实现JWT原理
Sep 18 Javascript
详解Vue数据驱动原理
Nov 17 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
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
js加解密 脚本解密
2008/02/22 Javascript
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
2017/10/13 jQuery
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
python中urllib模块用法实例详解
2014/11/19 Python
详解Python中with语句的用法
2015/04/15 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
Flask框架学习笔记之使用Flask实现表单开发详解
2019/08/12 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
战略合作协议书范本
2014/04/18 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
创业计划书介绍
2019/04/24 职场文书
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS