系列文章目錄
內(nèi)容 | 參考鏈接 |
---|---|
Vue3.0 項(xiàng)目啟動(dòng) | Vue3.0 項(xiàng)目啟動(dòng)(打造企業(yè)級(jí)音樂App) |
Vue3.0項(xiàng)目——打造企業(yè)級(jí)音樂App(一) | Tab欄、輪播圖、歌單列表、滾動(dòng)組件 |
Vue3.0項(xiàng)目——打造企業(yè)級(jí)音樂App(二) | 圖片懶加載、v-loading指令的開發(fā)和優(yōu)化 |
Vue3.0 發(fā)布
2020年09月18日,vue3.0 版本正式發(fā)布。這意味著在未來兩到三年時(shí)間,vue 的主流版本將由 2.x => 3.x。所以,學(xué)習(xí)開發(fā) vue3.0 的項(xiàng)目是必要的,也是必須的。接下來,開啟我們的 vue3.0 時(shí)代吧!
項(xiàng)目演示
vue3.0-music
創(chuàng)建 vue3.0 工程
- 打開命令行,定位到你想把項(xiàng)目放到的位置(比如桌面)
- 創(chuàng)建 vue3.0 項(xiàng)目(vue-music)
vue create vue-music-next
- 選取自定義配置
- 選擇 Router,Vuex,CSS 預(yù)處理器,Linter 校正工具
- 選擇 3.x
- 是否保存剛才的配置(y/n 都可以)
- 選擇自己想用的 CSS 框架(此項(xiàng)目選 Sass)
- 選擇適合自己的校正工具(此項(xiàng)目選標(biāo)準(zhǔn)的校正)
- 保存的時(shí)候運(yùn)行
- 選擇把一些配置放在 package.json 里
- 是否用于未來的配置(自行選擇)
- 使用 yarn 還是 npm 安裝(隨意)
- 之后便開始創(chuàng)建工程(耐心等待即可)
- 至此,項(xiàng)目創(chuàng)建完成
聲明
你也完全可以把項(xiàng)目部署到 github 等開源網(wǎng)站上,以便之后的管理操作。
操作也很簡單,先在 github 上創(chuàng)建項(xiàng)目,之后通過 git clone + ssh 地址,在命令行中執(zhí)行,然后再按本篇文章的順序操作即可。
不積跬步無以至千里,不積小流無以成江海
文章來源:http://www.zghlxwxcb.cn/news/detail-404241.html
點(diǎn)個(gè)關(guān)注不迷路,持續(xù)更新中…文章來源地址http://www.zghlxwxcb.cn/news/detail-404241.html
到了這里,關(guān)于Vue3.0 項(xiàng)目啟動(dòng)(打造企業(yè)級(jí)音樂App)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!