1. 程式人生 > 其它 >Vue3.0學習筆記--Vue環境搭建

Vue3.0學習筆記--Vue環境搭建

一、安裝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 專案!下面是一些補充提示:

 當你準備將應用釋出到生產環境時,請執行:

npm run build

此命令會在 ./dist 資料夾中為你的應用建立一個生產環境的構建版本。