Vue CLI 是由 Vue.js 提供的官方腳手架工具,用于快速搭建 Vue.js 項(xiàng)目。它可以幫助我們快速創(chuàng)建項(xiàng)目架構(gòu),自動(dòng)安裝依賴,以及配置開發(fā)環(huán)境等。Vue CLI 使用起來非常簡單,本文將為大家介紹其基本用法。
首先,我們需要在本地全局安裝 Vue CLI。可以通過以下命令進(jìn)行安裝:
npm install -g vue-cli
安裝完成后,我們可以通過以下命令來創(chuàng)建一個(gè)新的 Vue 項(xiàng)目:
vue create my-project
其中 my-project 為項(xiàng)目名稱,可以根據(jù)自己的喜好進(jìn)行修改。執(zhí)行完命令后,會(huì)彈出一個(gè)交互式的命令行界面,詢問我們需要安裝哪些插件和工具。我們可以根據(jù)自己的需求選擇需要安裝的內(nèi)容,也可以直接回車使用默認(rèn)選項(xiàng)。完成選擇后,將自動(dòng)創(chuàng)建一個(gè)新的 Vue 項(xiàng)目。
創(chuàng)建完成后,進(jìn)入項(xiàng)目目錄,我們可以使用以下命令啟動(dòng)開發(fā)服務(wù)器:
npm run serve
此時(shí)我們就可以在瀏覽器中訪問 http://localhost:8080 進(jìn)行開發(fā)。在開發(fā)過程中,我們可以編輯 src 目錄下的文件進(jìn)行修改,代碼修改后會(huì)自動(dòng)更新瀏覽器中的顯示。
最后,當(dāng)我們完成開發(fā)后,我們可以使用以下命令將代碼打包成可部署的靜態(tài)文件:
npm run build
完成打包后,我們就可以將生成的 dist 目錄中的文件上傳到服務(wù)器進(jìn)行部署了。