前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下環境建置的事項 ,以及自己開發上的一些補充。
課程相關資訊
[連結]:https://hiskio.com/courses/286/lectures/20884
本篇範圍:Chapter 6 ( 環境建置 & Vue-cli 專案 ) ,一共有 12 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. 用指令列安裝 nvm ,接著安裝 node.js,最後安裝 @vue/cli
2. lts (穩定版),通常單數版本是不保證穩定執行的版本
3. npm 會更隨 node.js 一起安裝
4. package.json 是專案的內容資訊, babel.config.js 是 babel 轉譯 js 所需的設定, public 資料夾為靜態資料和模板資訊, src 是開發用的檔案
5. npm run 可以幫你節省打複雜指令所需的時間,這些指令內容會存在 package.json 中
6. npm run build 是編譯完後,要用來丟到 server 上執行的靜態檔案