iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 26
0
Modern Web

log Vue 一下系列 第 26

Vue一下 26日:淺談將既有專案 Cli 2.X搬到3.0

看了GUI的片段覺得很人性化噎~開新專案跟Cli沒什麼差別,不過在run serverun build的時候感覺很方便,還有分析圖跟檔案大小解析、擴充常用插件(jQuery、Bootstrap等等)有興趣的人可以去試用看看,在終端機輸入指令:

vue ui

官網:使用图形化界面

搬家囉

原來搬遷這部分是沒有免費影片可以看的。為什麼說淺談,因為感覺會有很多細節是會被忽視,導致搬遷不成功,還是得靠經驗
參考,兩篇都來自 medium:
Sultan Iman How to upgrade to Vue-cli 3?JIN Weijie Migrate from Vue Cli 2 to 3
綜合以上以及六角教學影片,做法大致上會是(在已安裝好 Cli3.0+的情況下):
1.用cli3.0指令建立一個新專案
2.package.json查找原專案用到的插件(dependencies),如jQuery,用GUI或Cli(npm/yarn)安裝在新的專案裡
3.複製src資料夾中內容到新專案,不過2.0中只有components folder,3.0有多了view folder
4.(存疑)專案根目錄下建立aliases.config.jsvue.config.js
5.環境變數檔.env的創建及修正
6.run serve、開發者工具檢查

The key difference is that some Vue components act as Views for routing.

簡單來說就也是一種路由檔,溝通<router-view>,筆者覺得這樣理解比較快

  • 第4.請到參考網站查閱,目的是讓輸入@字元src為根目錄,但在第一個參考網站的下方有人留言已是預設值,不需這麼做,不過我們就是多參考才會多懂一些啊!

小結

想必也有些人是歷經過許多的網路空間搬家,想當初的從無名小站出走,或從近期的其他網站搬到hexo...都是件不簡單的工程。既然現在已經有cli3.0+,就直接從3.0+開發吧!搬家最累了啊XD


上一篇
Vue一下 25日:環境變數mode & .env檔
下一篇
Vue一下 27日:快速原型開發
系列文
log Vue 一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言