(1)使用vue-cli創建: ## 安裝或者升級 npm install -g @vue/cli ## 保證 vue cli 版本在 4.5.0 以上 vue --version ## 創建項目 vue create my-project 然後的步驟: Please pick a preset - ...
(1)使用vue-cli創建:
## 安裝或者升級
npm install -g @vue/cli
## 保證 vue cli 版本在 4.5.0 以上
vue --version
## 創建項目
vue create my-project
然後的步驟:
- Please pick a preset - 選擇 Manually select features
- Check the features needed for your project - 選擇上 TypeScript ，特別註意點空格是選擇，點回車是下一步
- Choose a version of Vue.js that you want to start the project with - 選擇 3.x (Preview)
- Use class-style component syntax - 直接回車
- Use Babel alongside TypeScript - 直接回車
- Pick a linter / formatter config - 直接回車
- Use history mode for router? - 直接回車
- Pick a linter / formatter config - 直接回車
- Pick additional lint features - 直接回車
- Where do you prefer placing config for Babel, ESLint, etc.? - 直接回車
- Save this as a preset for future projects? - 直接回車
(2)使用vite創建
-
vite 是一個由原生 ESM 驅動的 Web 開發構建工具。在開發環境下基於瀏覽器原生 ES imports 開發，
-
它做到了***本地快速開發啟動***, 在生產環境下基於 Rollup 打包。
- 快速的冷啟動，不需要等待打包操作；
- 即時的熱模塊更新，替換性能和模塊數量的解耦讓更新飛起；
- 真正的按需編譯，不再等待整個應用編譯完成，這是一個巨大的改變.
npm init vite-app <project-name> cd <project-name> npm install npm run dev
