VUE3.0学习系列随笔(四):VUE-UI管理界面使用之依赖和插件管理

VUE3.0学习系列随笔(四):VUE-UI管理界面使用之依赖和插件管理

VUE3.0 UI管理界面的运行项目见博客:https://blog.csdn.net/qq_26666947/article/details/112986393
本节是主要介绍VUE3.0 ui界面安装依赖和插件的使用方法。

1、依赖管理主界面

VUE3.0-UI的依赖界面主要包括展示包依赖,安装和卸载包依赖。包依赖包含用户自定义安装的包和项目默认包。
在这里插入图片描述
以element-ui为例,展示VUE3.0-UI安装包依赖的全过程
(1)进入安装依赖界面,搜索想要安装的包依赖
在这里插入图片描述
(2)点击右下角的安装包依赖,安装完成会弹窗通知
在这里插入图片描述
(3)在依赖的主界面会显示安装成的包
在这里插入图片描述

备注:这里安装的element-ui的版本2.15.0,经过实测,这个版本的elementui并不适用于vue3.0,本文只是展示如何通过UI管理界面安装依赖,因此需要酌情使用,element-ui的安装版本在后续博客单独指出。

2、插件管理主界面

VUE3.0-UI的插件管理界面主要包括展示已安装插件,更新插件和安装新插件。
在这里插入图片描述
以vue-router为例,展示VUE3.0-UI安装插件的全过程
(1)进入安装插件界面,搜索想要安装的插件
在这里插入图片描述

注意:有的插件会带有生成器,可以在项目中修改或者新增文件,会更改目录

(2)选中目标插件,点击安装插件,会有弹窗通知安装成功
在这里插入图片描述
(3)部分插件会显示进行配置,比如router会显示配置路由模式,这里一般选择打开,然后点击完成安装。开始生成部分文件和文件夹,并更改配置。

注意:这个位置也可能存在生成失败的情况

在这里插入图片描述
(4)安装和配置完成后,会在插件主界面显示安装成功的插件。
在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 岁月 设计师:pinMode 返回首页