尤雨溪推荐ui框架 尤雨溪个人资料( 二 )



尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图


尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图

正文-体验安装先使用vite安装一个vue3项目% npm init @vitejs/app naiveui
npx: 7 安装成功,用时 16.677 秒
@vitejs/create-app is deprecated, use npm init vite instead
? Select a framework: ? vue
? Select a variant: ? vue-ts
Scaffolding project in /Users/tingno/www/vue3/naiveui…
Done. Now run:
cd naiveui
npm install
npm run dev就快速看到了一个vue3的项目 。

尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图

然后使用启动,vite贼了快!

尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图

安装对应naiveui包!npm i -D naive-ui
npm i -D vfonts然后就可以按需引入了!这里一定要按需引入,目前自带的组件,真的是多!全局引入的话,那个包的大小差别略大啊!
窜一点代码上去,看效果,就是个UI库!

尤雨溪推荐ui框架 尤雨溪个人资料

文章插图
文章插图

结束UI框架嘛,花2小时看看文档,就可以直接上手用 。组件完成度还是相当高的,基本上只多不少,还比较冗余 。希望未来越来越好吧 。

经验总结扩展阅读