要使用 vue 2 創(chuàng)建項(xiàng)目,需按照步驟操作:安裝 vue cli創(chuàng)建項(xiàng)目進(jìn)入項(xiàng)目目錄安裝依賴項(xiàng)啟動項(xiàng)目導(dǎo)航到應(yīng)用
如何使用 Vue 2 創(chuàng)建項(xiàng)目
快速入門
要使用 Vue 2 創(chuàng)建一個項(xiàng)目,請按照以下步驟操作:
-
安裝 Vue CLI:npm install -g @vue/cli
使用 Vue CLI 創(chuàng)建項(xiàng)目:vue create my-project
詳細(xì)步驟
1. 安裝 Vue CLI
Vue CLI 是一個官方的命令行工具,可幫助快速創(chuàng)建和管理 Vue 項(xiàng)目。要安裝 Vue CLI,請運(yùn)行以下命令:
npm install -g @vue/cli
登錄后復(fù)制
2. 創(chuàng)建項(xiàng)目
安裝 Vue CLI 后,即可使用 vue create 命令創(chuàng)建一個新的 Vue 項(xiàng)目。命令如下:
vue create my-project
登錄后復(fù)制
將 my-project 替換為你項(xiàng)目的所需名稱。Vue CLI 將提示你選擇構(gòu)建工具和 UI 框架。選擇所需的選項(xiàng)后,項(xiàng)目將創(chuàng)建在 my-project 目錄中。
3. 進(jìn)入項(xiàng)目目錄
項(xiàng)目創(chuàng)建后,轉(zhuǎn)到項(xiàng)目目錄,并通過以下命令安裝依賴項(xiàng):
cd my-project npm install
登錄后復(fù)制
4. 啟動項(xiàng)目
安裝依賴項(xiàng)后,啟動項(xiàng)目:
npm run serve
登錄后復(fù)制
這將在本地服務(wù)器上啟動項(xiàng)目,默認(rèn)端口為 8080。
5. 導(dǎo)航到應(yīng)用
在瀏覽器中,導(dǎo)航到以下地址以查看你的應(yīng)用:
http://localhost:8080
登錄后復(fù)制