使用vue ui创建vue项目

这篇具有很好参考价值的文章主要介绍了使用vue ui创建vue项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue ui是什么?

简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大

配置步骤

   1、安装Vue CLI,因为vue ui是在Vue CLI基础上封装的 

        ps:vue ui命令是vue 3.x版本以上才支持,如果之前安装过 使用vue -V 查看一下版本 如果版本太低 因此需要更新vue的版本。 步骤:

        1.1  首先使用以下命令卸载旧版本:npm uninstall vue-cli -g;

         2.2 然后使用下面命令安装最新版本:npm i -g @vue/cli  ;

         2.3  使用 vue -V   查看版本 如下

         使用vue ui创建vue项目

       2.4 输入 vue -h 命令查看commands,发现已经有 ui [oprions] 的选项 了。 如下图:

        使用vue ui创建vue项目

2、使用使用vue ui创建vue项目

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

     使用vue ui创建vue项目

   使用vue ui创建vue项目

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

使用vue ui创建vue项目

使用vue ui创建vue项目

 文章来源地址https://www.toymoban.com/news/detail-484651.html

 

 

    

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

使用vue ui创建vue项目

    2.4 选择手动配置预设,点击下一步

使用vue ui创建vue项目

 

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

 

使用vue ui创建vue项目

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

使用vue ui创建vue项目

 

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

使用vue ui创建vue项目

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

 

使用vue ui创建vue项目

使用vue ui创建vue项目

 

使用vue ui创建vue项目

 

到了这里,关于使用vue ui创建vue项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 通过Vscode 简单创建一个vue3+element的项目

    确保你安装了最新版本的 Node.js,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令 输入构建项目命令,个人推荐如果有cnpm使用cnpm 创建成功之后 完整引入 在 main.js 中写入以下内容: 以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单

    2024年02月02日
    浏览(81)
  • 一个简单的vue项目之图书管理系统,自用,无ui,持续更新...

    由于自己上一把忘记写log导致不小心把我的前端项目删了 重新随便写点log记录一下 由于各种版本不适配问题,请大家谨慎 看攻略 参考。 另外,由于博主主要还是写后端,所以对ui并没有加以处理,进阶就不需要参考了!但是博主还是很乐于学习的,如果有什么好的意见和建

    2024年02月06日
    浏览(49)
  • 使用vue ui创建vue项目

    简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex, axios ,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大    1、安装Vue CLI,因为vue ui是在Vue CLI基础上封装的

    2024年02月09日
    浏览(47)
  • 使用Eclipse创建一个简单的servlet项目

      再找个位置配置你下载的Tomcat的版本   点击next    Tomcat存放的位置 本地JRE  点击finish结束   新建完成    三、实现一个表单提交验证 1.在Java Resources下的src下通过new创建一个包,并在该包下创建一个servlet类    点击next (输入描述后点击next)  (初学的话,不需要更改)

    2023年04月20日
    浏览(43)
  • 使用Vue ui (可视化)创建Vue项目

    首先打开电脑硬盘上随便一个文件夹 我这里是用E盘做的演示 打开E盘后,输入cmd(我这里是E盘根目录,如果不想用根目录可以新建文件夹) cmd的位置,当然要是新建文件夹后,cmd也是在这里输入 输入好cmd以后会弹出一个终端 在终端上输入 vue ui 如果敲了回车不生效 不要着

    2023年04月22日
    浏览(42)
  • 使用VSCode创建一个Vue项目

    1. 下载 Node.js 官网地址:Node.js ,选择长期维护版下载。 安装时可以自己选择安装位置,然后一直选择 next 即可。安装完成后,打开命令行窗口,输入 node -v , 出现了版本号信息就表示已经成功安装。 配置环境变量:node.js会在系统变量Path里自动配置好: 2. 安装 npm 由于NPM的

    2024年02月06日
    浏览(56)
  • 使用vue-cli创建第一个vue项目

    命令提示符切换至需要创建项目的目录: 直接在路径 输入cmd 在按键盘的 enter键 打开的终端就直接切换到该目录下 (1)输入以下命令: vue create 项目名称 (2)我这里选手动选择,键盘 上下 按钮,选完后按 enter键 (3)我这里选Babel和CSS,键盘 上下 按钮,选中或取消选中按

    2023年04月17日
    浏览(59)
  • NO.3 robot framework编辑工具RIDE简单使用、RIDE快捷键介绍及创建一个简单的UI自动化测试用例

    一、Ride简单使用及快捷键 1.启动ride 启动ride方法: 1) 通过界面图标 2) dos命令行:进入dos窗口,输入ride.py,按回车即可 2.创建新工程 快捷键:ctrl+n 3.创建测试套(suite)快捷键:ctrl+shift+f 4.保存工程 快捷键:ctrl+shift+s(保存整个工程),ctrl+s(局部保存,只保存鼠标点击的

    2024年01月17日
    浏览(46)
  • 详细地讲解使用MyEclipse创建一个简单的html与servlet交互的JavaWeb项目

    如图:在用户名和密码输入内容后,点击登录跳转到下一个页面 这个图片里面的验证码、下拉框什么的可以忽略,我们只做用户名和密码,因为不涉及连接到数据库,我们的密码是随便输入的。 下面我们来开始创建项目 打开MyEclipse,点击左上角的File,选择new,再选择Web P

    2024年02月06日
    浏览(45)
  • 创建一个简单鸿蒙app项目

    文章目录 前言 TypeScript 基础类型 创建一个鸿蒙app 总结 一、前言 鸿蒙系统上的开发已经是趋势了,必须紧跟时代的潮流。先简单了解下鸿蒙系统中,我们开发一个app需要用到的语言,那么就是TypeScript。这篇文章主要讲的就是一些基础的语法。最后我会附上一个demo,可以看看

    2024年01月21日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包