使用 Vue CLI 建立 Vue
現代前端的 Tooling 繁雜, 一直是跨入前端的門檻,讓 CLI 成為 Tooling 的抽象層,由 Vue CLI 幫我們整合繁瑣的 Tooling。
失くすものさえない今が強くなるチャンスよ
現代前端的 Tooling 繁雜, 一直是跨入前端的門檻,讓 CLI 成為 Tooling 的抽象層,由 Vue CLI 幫我們整合繁瑣的 Tooling。
如詢問是否開啟 Camera 只有在 HTTPS 才會發生,因此在本機開啟 HTTPS 模式成為開發測試所必須,Vue CLI 並沒有內建 HTTPS,需另外加已設定。
SCSS 使用越來越普遍,Vue CLI 也直接支援,可在 CSS Template 直接寫 SCSS。
Chrome 可藉由 Source Map 在 Dev Tools 顯示 Vue 的 Source Code,但你可能希望 yarn build
之後的 Production Build 不要產生 Source Map,此需求可藉由 vue.config.js
設定達成。
Vue CLI 已經幫我們建立了一般 SPA 所需的檔案與目錄架構,實務上會依需求再建立其他相關 Folder。
Vue 在 Development 階段都是 /
,但在 Production 階段配合 Reverse Proxy 則可能有所改變,如變成 /portal
,該如何簡單的設定呢 ?
若 Vue CLI 有新版本時,執行 Vue CLI 指令會有提示訊息,顯示有新版本釋出,該如何手動更新呢 ?