To-Do Calendar - Day1 用 Vue CLI 建立專案
這次就來好好認識 Vue CLI 和相關工具，並使用 Vue CLI 來建立 Vue 專案吧！
Vue CLI 是什麼？
- Vue CLI 是基於 webpack 所建置的開發工具，可以用來快速搭建 Vue 開發環境（鷹架、開發懶人包的概念）。
webpack 是一個自動化網頁打包工具，我們在開發網頁時會載入非常多的資源，webpack 可以將大部分資源一口氣載入，然後編譯成網頁所需要的檔案。
- 便於使用各種第三方套件（Bootstrap4、Vue Router、vue-axios）。
- 可運行 Sass、Babel 等編譯工具。
Babel 是 JavaScript 的編譯工具，透過 Babel，可以將 ES6 以上的新語法轉換成大部分瀏覽器可以運行的 Javascript 語法。
- 便於開發 SPA 的網頁工具。
安裝 Vue CLI
在安裝 Vue CLI 之前，必須先安裝 Node.js。
-
安裝 vue-cli（
-g：表示全域）npm install -g @vue/cli
透過 Vue CLI 建立專案
- 建立專案
vue create [專案名稱]
-
詢問要建立 Vue 2 / Vue 3 或者自行手動選擇套件的專案（因為參考資料是用 Vue 2，所以選 Vue 2）
-
運行開發環境
npm run serve接著在瀏覽器輸入 http://localhost:8080/，出現以下畫面就表示 Vue 專案已經建置成功：
