使用腳手架vue-cli創建vue3項目，創建前需要準備以下： 1、node.js環境 見：https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 見：https://www.cnblogs.com/beichengs ...
使用腳手架vue-cli創建vue3項目，創建前需要準備以下：
1、node.js環境
見：https://www.cnblogs.com/beichengshiqiao/p/17251233.html
2、npm、cnpm工具
見：https://www.cnblogs.com/beichengshiqiao/p/17251860.html
3、vue框架
見：https://www.cnblogs.com/beichengshiqiao/p/17259330.html
4、vue-cli腳手架
見：https://www.cnblogs.com/beichengshiqiao/p/17265354.html
簡單來說，Vue CLI 和 Vue.js 是兩個不同的東西，Vue CLI 是用來幫助您創建和管理 Vue 項目的工具，而 Vue.js 是一個 JavaScript 框架，用於構建用戶界面。
可以按照以下步驟進行操作：
-
首先，確保您已經安裝了 Node.js。您可以在命令行中輸入
node -v來檢查您當前安裝的 Node.js 版本，如果沒有安裝，可以從官方網站下載並安裝：https://nodejs.org。 -
安裝 Vue CLI。Vue CLI 是 Vue.js 的官方腳手架工具，可以用於快速創建 Vue 項目。您可以在命令行中輸入以下命令來全局安裝 Vue CLI：
npm install -g @vue/cli
- 創建新的 Vue 項目。在命令行中進入您要創建項目的目錄，然後輸入以下命令來創建一個新的 Vue 項目：
vue create my-project
其中 my-project 是您要創建的項目名稱，您可以根據自己的需要來進行修改。
- 等待項目創建完成後，進入到項目目錄，並啟動開發伺服器。在命令行中輸入以下命令：
cd my-project npm run serve
- 打開瀏覽器，訪問 http://localhost:8080，您應該可以看到一個歡迎頁面，這意味著您已經成功安裝了 Vue 3，並且您的項目已經可以運行。
現在，您已經成功安裝了 Vue 3，可以開始開發您的項目了。
安裝實例：
1、創建項目（註意：不要使用駝峰式命名，不支持。）
vue create dc-demo
或
vue ui
2、自動安裝還是手動安裝
第一個選項是你之前保存的預設配置（比如圖中的“createProgram”是我之前創建的預設）；
default（babel，eslint）：預設設置（直接enter）非常適合快速創建一個新項目的原型，沒有帶任何輔助功能的 npm包；
Manually select features：自定義配置（按方向鍵 ↓）是我們所需要的面向生產的項目，提供可選功能的 npm 包。
3、根據圖中的配置項手動選擇（上下是切換配置項，選中是空格鍵，enter鍵確認）
4、接下來具體看選中的配置項：
選擇vue版本，這裡vue3.x版本。
5、選擇路由模式：（路由是否使用history模式？根據自己需求選擇Y或者N，我這裡選擇Y，直接enter）
6、 選擇css預編譯處理器：less
7、Eslint檢查：預設
8、選擇什麼時候作代碼校驗，我這裡選擇保存時候就檢查。預設
9、把配置項放到獨立文件中還是放到package.json中，預設第一個：獨立文件
10、是否保存此次的配置項，我這裡選擇不保存。N
11、完成
