Vue.js 是一個(gè)現(xiàn)代化的 JavaScript 框架,具有響應(yīng)式和組件化的特性。Vue 腳手架(Vue CLI)是一個(gè)官方的腳手架工具,幫助開發(fā)者快速搭建 Vue.js 工程。
Vue 腳手架可以通過 npm 或 yarn 安裝,這里我們以 npm 為例:
<code class="language-bash">$ npm install -g @vue/cli
安裝完畢后,可以通過以下命令初始化一個(gè) Vue 工程:
<code class="language-bash">$ vue create my-project
初始化完成后可以進(jìn)入項(xiàng)目目錄運(yùn)行以下命令:
<code class="language-bash">$ cd my-project $ npm run serve
上面的命令會啟動(dòng) Vue 開發(fā)服務(wù)器,服務(wù)器會在 http://localhost:8080 上監(jiān)聽請求。在瀏覽器中打開該地址,就可以看到一個(gè)空白的 Vue.js App。
Vue 腳手架提供了豐富的插件來擴(kuò)展功能,例如 Babel、ESLint、TypeScript 等等。可以通過以下命令安裝插件:
<code class="language-bash">$ vue add eslint
安裝完畢后,會自動(dòng)配置 .eslintrc.js 文件,并安裝必要的依賴。可以通過以下命令啟動(dòng) ESLint 檢查:
<code class="language-bash">$ npm run lint
在 Vue 工程中,我們可以使用單文件組件(.vue)來編寫組件代碼。單文件組件包含 template、script 和 style 三部分,可以大大提高代碼的可讀性和可維護(hù)性。
總結(jié)一下,使用 Vue 腳手架可以快速搭建 Vue.js 工程,并且可以通過插件來擴(kuò)展功能。如果需要使用單文件組件來編寫組件代碼,則需要安裝相關(guān)依賴和配置文件。