使用腳手架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、完成
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/549355.html
標籤：其他