使用vue ui命令没有反应:教你怎样一步步使用vue ui创建vue项目_vue ui没反应-程序员宅基地

技术标签: ui  前端  vue.js  

1.vue ui命令没有反应原因:

        vue ui命令是vue 3.x版本以上才支持,因此需要更新vue的版本。

2.更新vue版本:

        2.1 首先使用以下命令卸载旧版本:

npm uninstall vue-cli -g

        2.2 然后使用下面命令安装最新版本:

npm i -g @vue/cli

        2.3 查看是当前版本号:

vue -V

        此时,输入 vue -h 命令查看commands,发现已经有 ui [oprions] 的选项 了。

3.使用vue ui创建vue项目:

        3.1 在cmd窗口输入vue ui命令,等待自动打开浏览器窗口如下:

 

 

         3.2 点击左上角的下拉箭头,选择Vue 项目管理器,再点击创建,自定义项目路径,然后点击在此创建新项目

 

        3.3 接着填写项目名称,可以选择把初始化Git仓库勾选掉,点击下一步

         3.4 选择手动配置预设,

         3.5 在默认的基础上,勾选下面两项,然后点击下一步

         3.6 在配置的页面勾选如下,然后点击创建项目,等待创建完成:

         3.7 选择不创建预设,创建项目:

         3.8 等待创建完成后,点击任务,点击server,点击运行,等待启动,最后点击启动app。至此,就完整创建了一个vue项目。

         

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45417815/article/details/122453524

智能推荐

Python常用组件、命令大总结(持续更新)_セックス邀请码-程序员宅基地

文章浏览阅读1.5w次,点赞15次,收藏134次。Python后端开发常用组件、命令(干货)持续更新中…1、生成6位数字随机验证码import randomimport stringdef num_code(length=6): """ 生成长度为length的数字随机验证码 :param length: 验证码长度 :return: 验证码 """ return ''.jo....................._セックス邀请码

C#实现短信猫通信(无开发包)-程序员宅基地

文章浏览阅读99次。因为项目的需要,简简单单的做了个DEMO,能够打电话和发送短信,不是很完善,都可以举一反三! 代码using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Text;using System.Windows..._csca: "+8613010314500",145

Nginx配置-程序员宅基地

文章浏览阅读4.4w次,点赞38次,收藏344次。Nginx配置一、nginx常用配置命令二、nginx配置文件(一)、第一部分:全局块(二)、第二部分:events块(三)、第三部分:http块1、http全局块2、server块三级目录一、nginx常用配置命令配置命令路径/usr/local/nginx/sbin查看nginx版本./nginx -v停止nginx服务./nginx -s stop启动nginx服务./nginx重新加载nginx,适用于当nginx.conf配置文件修改后,使用下面命令可以使得配置文件生效_nginx配置

使用VS2017编译Boost库(MSVC)_vs2017 msvc-程序员宅基地

文章浏览阅读3.4k次,点赞4次,收藏16次。1、首先得拿到VS2017,Boost,下载链接:Visual Studio Community 2017:http://xz.cncrk.com:8080/soft/keygen/visual studio 2017.rarboost_1_71_0.zip:https://dl.bintray.com/boostorg/release/1.71.0/source/boost_1_..._vs2017 msvc

前端技术搭建飞机大战小游戏(内含源码)_前端小游戏代码-程序员宅基地

文章浏览阅读7.7w次,点赞177次,收藏116次。上周我们实通过前端基础实现了弹珠游戏,当然很多伙伴再评论区提出了想法,后续我们会考虑实现的,今天还是继续按照我们原定的节奏来带领大家完成一个飞机大战游戏,功能也比较简单简单,也是想借助这样一个简单的功能,然后来帮助大家了解我们JavaScript在前端中的作用, 在前面的文章当中我们也提及到我们在本系列的专栏是循序渐进从简单到复杂的过程,后续会带领大家用前端实现翻卡片、扫雷、贪吃蛇等有趣的小游戏,纯前端语言实现,都会陆续带给大家。欢迎大家订阅我们这份前端小游戏的专栏。_前端小游戏代码

抖音引流跳转到微信加好友?免费教你创建一个链接!_抖音跳转加微信程序源码-程序员宅基地

文章浏览阅读770次,点赞9次,收藏8次。为了降低大家的门槛,可以使用开源的【引流宝】快速创建一个链接,这个链接生成的二维码,用抖音扫码,然后分享出去就是一张卡片,点击卡片就跳转到微信。在抖音想要跳转到微信,现在常规的做法就是通过微信小程序的Url Scheme跳转到微信并打开小程序指定的页面,这个已经有非常成熟的方案。你可以下载这个开源软件的代码,自行搭建引流宝系统,然后创建抖音跳转到微信的卡片即可。_抖音跳转加微信程序源码

随便推点

java科普网站计算机毕业设计MyBatis+系统+LW文档+源码+调试部署-程序员宅基地

文章浏览阅读118次。springboot基于B_S架构的疫情包联信息管理系统的设计与实现。JSP基于Web的在线文献查阅系统的设计与实现sqlserver。springboot基于微服务架构的图书借阅系统的设计与实现。JSP婚纱影楼管理系统的设计与实现sqlserver。JSP客户关系管理系统的设计与实现sqlserver。JSP企业进销存系统的设计与实现SQLServer。ssm基于Java的幼儿早教系统软件的设计与实现。ssm基于Vue和mysql的智能图书管理系统。基于SSM框架的校园爱心公益平台的设计与实现。

【王道数据结构】第二章 | 线性表_王道数据结构第二章csdn-程序员宅基地

文章浏览阅读1k次,点赞8次,收藏5次。【王道数据结构】第二章 | 线性表 线性表的定义 线性表的基础操作 顺序表的定义 顺序表的基本操作_王道数据结构第二章csdn

手写openFeign_手写opefeign客户端-程序员宅基地

文章浏览阅读873次,点赞3次,收藏3次。总的来说,OpenFeign简化了基于RESTful的HTTP请求的创建和使用过程,帮助你构建更加简洁、可维护、可扩展的微服务应用。与Spring Cloud集成:OpenFeign是Spring Cloud的一部分,因此与Spring Cloud的其他组件(如Eureka、Hystrix等)无缝集成,形成完整的微服务生态系统。整合服务发现:OpenFeign可以与Eureka等服务发现组件集成,使得你可以通过服务名来访问其他微服务,而无需硬编码服务的具体地址。被调用方和应用级别的被调用方一样。_手写opefeign客户端

metasploit 快速入门(二)信息收集和扫描-续_elasticsearch unrestricted access information disc-程序员宅基地

文章浏览阅读1.7k次。目录一、与Nessus结合二、与NeXpose结合三、与OpenVAS结合一、与Nessus结合到目前为止,我们已经了解了端口扫描的基础知识,以及学会了Nmap的使用。通过其他一些工具的学习,进一步提高了扫描和信息收集的技术。在接下来的小节中,我们将介绍其他几种扫描目标可用服务和端口的工具,这些工具还可以帮助我们确定特定服务和端口可能存在的漏洞类型。让我们开始漏洞扫描之旅。..._elasticsearch unrestricted access information disclosure

语义Web和本体开发相关技术-程序员宅基地

文章浏览阅读155次。摘自:http://iMarine.blog.163.com/在技术实现方面,语义Web和本体理论的研究日趋成熟,已经有许多成熟的工具或程序接口,诸如Jena、OWL API等API是系统实现的关键技术。这里介绍系统的可行性分析以及系统开发设计的关键技术。1 JenaJena[69]是来自于惠普实验室语义Web研究项目的开放资源,是用于创建语义Web应用..._java org.semanticweb

使用FastJson对实体类和Json还有JSONObject之间的转换_fastjson json和jsonobject-程序员宅基地

文章浏览阅读1.6k次。1. 实体类或集合转JSON串String jsonString = JSONObject.toJSONString(实体类);2.JSON串转JSONObjectJSONObject jsonObject = JSONObject.parseObject(jsonString);3.JSON串转实体类实体类 javaBean = JSON.parseObject(json,..._fastjson json和jsonobject