vue的UI

前端框架百花齐放、争奇斗艳,令人眼花缭乱。大神们一言不合就整一个框架出来,另小白们无所适从。下面罗列了一些比较优秀的UI框架,Star多的大都是老牌劲旅,Star少的许多是后起之秀。

 

(1)Element 饿了么 vue 2.0后台UI框架 (Star:18382)

https://github.com/ElemeFE/element

 

(2)iview组件库 (Star:10186)

 iView 主要服务于 PC 界面的中后台业务,很优秀的组件库,可惜不适合移动端
https://github.com/iview/iview
https://iviewui.com/

 

(3)vux 基于Vue和WeUI的移动UI组件 (Star:9762)
Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。
https://github.com/airyland/vux
https://vux.li/

 

(4)Mint-UI 饿了么移动端组件库 (Star:8062)
由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
https://github.com/ElemeFE/mint-ui

 

(5)vue-admin 管理面板UI框架 (Star:6289)
https://github.com/vue-bulma/vue-admin

 

(6)vue-material为 Vue.js 打造的 Material 风格的组件 (Star:4550)
https://github.com/vuematerial/vue-material
https://vuematerial.github.io/#/

 

(7)vue-strap基于 Vue.js 的 Bootstrap 组件 (Star:4400)
https://github.com/yuche/vue-strap
http://yuche.github.io/vue-strap/

 

(8)KeenUI 基于Material Design的UI (Star:3041)
https://josephuspaye.github.io/Keen-UI/

 

(9)vonic (Star:2276)
https://github.com/wangdahoo/vonic/
https://wangdahoo.github.io/vonic/docs/#/

 

(10)Radon-ui awe大神最近写的一套UI (Star:791)
https://github.com/luojilab/radon-ui

 

(11)N3-components 基于N3ui (Star:781)
https://github.com/N3-components/N3-components

 

(12)vue-carbon (Star:739)
https://github.com/myronliu347/vue-carbon

在使用 Vue CLI 工具时,`vue ui` 命令用于启动图形化界面,方便用户通过浏览器操作项目配置、插件安装等。当出现 `vue ui` 命令无效或无法启动的情况时,可能由多种原因导致,包括但不限于 Vue CLI 版本问题、Node.js 环境异常、缓存问题等。以下是一些常见的解决方案: ### 1. 确保 Vue CLI 已正确安装 运行以下命令检查是否已安装 Vue CLI,并确认其版本: ```bash vue --version ``` 如果未安装,请使用以下命令安装: ```bash npm install -g @vue/cli ``` 安装完成后再次尝试运行 `vue ui` [^3]。 ### 2. 更新 Vue CLI 到最新版本 旧版本的 Vue CLI 可能存在兼容性问题,建议更新到最新版本: ```bash npm update -g @vue/cli ``` 更新完成后重启终端并尝试再次运行 `vue ui` [^3]。 ### 3. 清除 Vue CLI 缓存 有时缓存可能导致 UI 无法启动,可尝试清除 Vue CLI 缓存: ```bash vue config --clear ``` 或者手动删除缓存目录(路径可能因系统而异): - Windows: `%USERPROFILE%\.vuerc` - macOS/Linux: `~/.vuerc` 删除后重新运行 `vue ui` [^4]。 ### 4. 检查 Node.js 环境 确保 Node.js 已正确安装且版本兼容 Vue CLI。建议使用长期支持版本(LTS): ```bash node -v ``` 若未安装,请前往 [Node.js 官网](https://nodejs.org/) 下载安装 [^5]。 ### 5. 使用代理或更换 npm 镜像源 网络问题可能导致 Vue UI 启动失败,可尝试更换 npm 镜像源: ```bash npm config set registry https://registry.npmmirror.com ``` 如需恢复官方源: ```bash npm config set registry https://registry.npmjs.org ``` ### 6. 检查防火墙或杀毒软件设置 某些防火墙或杀毒软件可能阻止本地服务启动,临时关闭后尝试运行 `vue ui` [^6]。 ### 7. 查看详细日志排查问题 运行以下命令获取详细日志: ```bash vue ui --verbose ``` 根据输出信息定位具体问题 [^7]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值