Vue3.0學習筆記--Vue環境搭建
阿新 • • 發佈:2022-05-16
一、安裝nodejs版本管理器nvm
二、安裝nodejs
nvm install 14.19.1 //安裝nodejs 14.19.1版本 nvm use 14.19.1 //使用node 14.19.1版本 nvm ls //列出所有安裝的nodejs版本
三、建立第一個Vue應用
1.建立一個啟用構建工具的 Vue 專案
用管理員開啟VS Code,開啟資料夾(任意一個空資料夾,用來存放vue專案)
在VS Code裡命令終端
用指令建立Vue專案
npm init vue@latest
這一指令將會安裝並執行 create-vue,它是 Vue 官方的專案腳手架工具。你將會看到一些諸如 TypeScript 和測試支援之類的可選功能提示:
如果不確定是否要開啟某個功能,可以直接按下回車鍵選擇No。在專案被建立後,通過以下步驟安裝依賴並啟動開發伺服器:
cd <your-project-name>
npm install
npm run dev
現在應該已經執行起來了第一個 Vue 專案!下面是一些補充提示:
- 推薦的 IDE 配置是 Visual Studio Code + Volar 擴充套件,選用 WebStorm 也是可以的。
- 更多工具細節,包括與後端框架的整合,我們會在工具鏈指引進行討論。
- 要了解構建工具 Vite 更多背後的細節,請檢視 Vite 文件。
- 如果你選擇使用 TypeScript,請閱讀
當你準備將應用釋出到生產環境時,請執行:
npm run build
此命令會在 ./dist
資料夾中為你的應用建立一個生產環境的構建版本。