Vuetify 初體驗
栏目: JavaScript · 发布时间: 5年前
内容简介：Vuetify 是基於 Vue 的 Mobile First UI Framework，除了豐富 Mobile UI Component 外，也支援 RWD 與 Helper Class，以前開發 UI 時需使用 Bootstrap，而現在幾乎可以使用 Vuetify 取代 Bootstrap，且與 Vue CLI 完美整合。macOS Mojave 10.14.5Node 12.4.0
Vuetify 是基於 Vue 的 Mobile First UI Framework，除了豐富 Mobile UI Component 外，也支援 RWD 與 Helper Class，以前開發 UI 時需使用 Bootstrap，而現在幾乎可以使用 Vuetify 取代 Bootstrap，且與 Vue CLI 完美整合。
Version
macOS Mojave 10.14.5
Node 12.4.0
Vue CLI 3.8.4
Vue 2.6.10
Vuetify 1.5.5
Vue CLI
$ vue create vuetify-hello-world
使用 Vue CLI 建立 project。
Install Vuetify
$ cd vuetify-hello-world $ vue add vuetify
進入 project 目錄內，使用 vue add vuetify 安裝 Vuetify。
安裝過程會詢問使用哪個 preset，選擇 Default 即可。
安裝完執行 yarn serve ，會發現 Vue 首頁已經改成 Vuetify，至此 Vuetify 環境已經安裝完成，可以開心使用。
以上所述就是小编给大家介绍的《Vuetify 初體驗》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
高性能JavaScript
【美】Nicholas C. Zakas（尼古拉斯.泽卡斯） / 丁琛 / 电子工业出版社 / 2015-8-1 / 65
如果你使用 JavaScript 构建交互丰富的 Web 应用，那么 JavaScript 代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能，包括代码的加载、运行、DOM 交互、页面生存周期等。雅虎的前端工程师 Nicholas C. Zakas 和其他五位 JavaScript 专家介绍......一起来看看 《高性能JavaScript》 这本书的介绍吧!
