解决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节点知识
Jan 31 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
详解Jquery Easyui的验证扩展
Jan 09 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
三分钟学会用ES7中的Async/Await进行异步编程
Jun 14 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
如何在PHP中生成随机数
2020/06/04 PHP
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
Node.js API详解之 repl模块用法实例分析
2020/05/25 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
python获取网页状态码示例
2014/03/30 Python
Python最长公共子串算法实例
2015/03/07 Python
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
Django数据库表反向生成实例解析
2018/02/06 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
Python类中self参数用法详解
2020/02/13 Python
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
积极分子思想汇报
2014/01/04 职场文书
爱心捐助倡议书
2014/05/19 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技