Vue UI 学习笔记（基本操作）

最新推荐文章于 2024-04-12 05:20:26 发布
最新推荐文章于 2024-04-12 05:20:26 发布
阅读量524 收藏
点赞数
分类专栏： # Vue 文章标签： Vue Vue UI
大家好，我是笨笨，笨笨的笨，笨笨的笨，转载请注明出处，谢谢！
本文链接：https://blog.csdn.net/jx520/article/details/106883745
版权

Vue UI 学习笔记（基本操作）

安装Vue

Vue 安装

打开UI界面

vue ui

在这里插入图片描述

访问 Vue 项目管理器

查看在管理的项目

也可以点【导入】添加已有项目进来管理
在这里插入图片描述

创建新项目

切到创建页，选择一个目录【在此创建新项目】
温馨提示，如果卡住半天不动，检查一下命令行是不是停了（敲下回车，看看进度条动不动）
此目录有一个带Vue图标的表示它是Vue项目
在这里插入图片描述

填写项目名称

其它基本可以不动。
在这里插入图片描述

手动选择配置

在这里插入图片描述

选择功能

暂时选这几个功能就够了
在这里插入图片描述

选择配置

样式这块看你自己实际情况了
在这里插入图片描述

成功后进入仪表板

接下来可以按需要，进行设置、插件和依赖的安装。图形化的，摸摸就会了。
在这里插入图片描述

启动项目

在这里插入图片描述

访问APP

在这里插入图片描述

笑虾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue mint-ui学习笔记之picker的使用
12-28
本文介绍了vue mint-ui picker的使用，分享给大家，也给自己留个学习笔记 Picker的使用 import { Picker } from 'mint-ui'; Vue.component(Picker.name, Picker); API 示例一：picker的简单使用 xxx.vue： ...
Vue+Element ui管理系统学习笔记
06-16
个人学习笔记
vue ui的安装及使用
热门推荐
DangR_Jisoo的博客
09-02 3万+
vue ui是什么？ 简单来说，vue ui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 安装Vue CLI，因为vue ui是在Vue CLI基础上封装的 npm install -g @vue/cli 打开C:\Users*xxxx*\AppData\Roaming\npm，看看有没有下图框出的文件 将C:\Use
14 个最佳 Vue UI 组件库推荐
古他妈阳光之神☀️
08-24 2万+
Vue.js 是无数前端开发人员首选的 JavaScript 框架，因为它易于学习和使用。 组件是 Vue 框架的核心——它们可以帮助你更快地从想法转变为功能性 UI。
Vue整合ElementUI，组件使用教程，适合新手
最新发布
m0_63174618的博客
04-12 829
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！ckList)自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。
vue ui 的简单使用
小沐的博客
04-12 6334
vue ui的简单使用vue ui的安装vue ui使用导入idea中 vue ui的安装 1、检查自己的环境（是否有安装有node.js） node -v npm -v 2、开始安装 npm i -g @vue/cli 3、启动vue ui vue vi 4、启动报错 （1）如果启动发现有一个报错，但是依旧有图形化界面弹出，发现仍然可以使用，但是最后会发现控制台报错。 问题分析： 在安装node.js之前搭建或hadoop环境，在控制台输入yarn verison如果出现hadoop版本的
值得推荐的VUE UI框架
大白兔奶糖的博客
08-26 2万+
1. Ant Design Vue 官方网站：https://2x.antdv.com/components/overview/ Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常简单，还适用于react,angular，而且文档非常的详细。Ant Design Vue 在 GitHub 上拥有 15k+ 颗星，每周下载量为 49k，数据已经说明了它的受欢迎程度。 1. VantUI 官方网站：https://youzan.github.io
12个Vue UI 组件库
顺其自然~专栏
06-16 4548
Vue.js 是一个渐进式 javascript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率，增强了应用的整体外观、感觉、交互性和可访问性，下面就来看看有哪些适用于 Vue 的 UI 组件库。
VUE学习笔记(五) 引入axios
01-07
VUE学习笔记(四) 引用element-ui VUE学习笔记(五) 引入axios Axios 是一个基于 promise 的 HTTP 库 VUE前端与服务端进行数据交互, 通常使用 axios 安装axios npm install --save vue-axios 安装成功 引入axios 在...
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
01-21
本文实例讲述了Vue入门基本概念与使用。分享给大家供大家参考，具体如下： 1. Vue.js是什么? 1). 一位华裔前Google工程师(尤雨溪)开发的前端js库 2). 作用: 动态构建用户界面 3). 特点: * 遵循MVVM模式 * 编码简洁,...
Vue-cli axios拦截器 proxy代理学习笔记
weixin_44717047的博客
08-11 483
Vue-cli 1.什么是 vue-cli vue-cli（俗称：vue 脚手架）是 vue 官方提供的、快速生成 vue 工程化项目的工具。 特点： ① 开箱即用 ② 基于 webpack ③ 功能丰富且易于扩展 ④ 支持创建 vue2 和 vue3 的项目 vue-cli 的中文官网首页：https://cli.vuejs.org/zh/ 2. 安装 vue-cli vue-cli 是基于 Node.js 开发出来的工具，因此需要使用 npm 将它安装为全局可用的工具： npm install -g @
17种Vue适用于移动端的ui框架
qq_38946996的博客
04-14 8886
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰...
12个不容错过的Vue UI 组件库
mengdong_524的博客
03-01 2万+
Vue.js 是一个渐进式 javascript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率，增强了应用的整体外观、感觉、交互性和可访问性，下面就来看看有哪些适用于 Vue 的 UI 组件库。 1. Element UI Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。它是一个用于 Web 的 UI 组件库 ，除了 Vue 之外，它还具有React 和 Angular的版本。 Element.
分享 9 个当下最受欢迎的 Vue UI 库，总有一个适合你
前端达人
02-11 3306
Vue.js 作为一个 JavaScript 框架，由于其简单、易用和学习曲线，是 React.js 和 Angular.js 等现代 JavaScript 框架的有力竞争者。在 Vue.js 的核心，组件在抽象复杂逻辑方面发挥着重要作用，这使得你的 Vue.js 项目可维护。另一方面，UI 库是由专业团队构建的精美 UI 组件的集合，使您能够以一致的外观和优化的方式构建您的网站。在本文中，我列出...
创建vue项目：vue ui界面创建项目后，安装Element Ui插件、axios 依赖，如何启动vue项目，npm run serve，启动vue项目方式（保姆级教程三）
zhangfuping123456789的博客
12-07 1677
node、vue、element ui、axios
快速上手 Vue 和 Element-UI 组件库
程序猿追的博客
12-19 3万+
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。 Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。
盘点12个Vue 3的高颜值UI组件库
Jack, what else can you do besides holding your little darling?
04-07 9627
vue-devui 是基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。NutUI 3 京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品。
vue常用ui库
逢山鬼泣的博客
12-14 4425
在做vue项目开发的时候遇到了一个问题，如何选择自己的技术栈？随着vue的开发者越来越多，各种框架也渐渐多起来，面对众多的框架，如何选择一款适合自己业务的框架，还是一件比较纠结的事情，今天总结了一下2020年GitHub上面比较受欢迎，star较高的几个UI框架。 1：饿了么ElementUI 推荐指数：star:45.2k 适用：PC端 官网地址：http://element-cn.eleme.io/#/z...
vue3学习笔记尚硅谷
08-12
在尚硅谷的Vue3学习笔记中，有几个与组件相关的内容。首先，在编写组件标签时，可以使用<school></school>标签。其次，可以在Vue组件中使用template来定义组件的结构和样式，也可以将组件的结构和样式单独放在一个.vue文件中。此外，组件之间还存在一种重要的内置关系。 在Vue3中，使用Vue.extend()方法可以定义一个组件。该方法中可以设置组件的名称、模板、数据等。通过Vue.extend()定义的组件可以在Vue实例中使用。 在Vue3学习笔记中，还提到了Vue的原型属性prototype，通过它可以添加全局属性或方法。例如，可以使用Vue.prototype.x = 99来添加一个名为x的属性。 总的来说，尚硅谷的Vue3学习笔记主要涵盖了组件的编写和使用，以及Vue的原型属性的添加和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue学习笔记（尚硅谷天禹老师）](https://blog.csdn.net/qq_55593227/article/details/119717498)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

笑虾

多情黯叹痴情癫。情癫苦笑多情难

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值