Vue腳手架可以幫助我們快速搭建一個(gè)Vue項(xiàng)目,并且提供了一些常用的工具和插件。下面介紹一下如何配置vue腳手架。
首先,進(jìn)行vue-cli的安裝:
npm install -g vue-cli
安裝完成后,可以通過(guò)以下命令創(chuàng)建一個(gè)vue項(xiàng)目:
vue init webpack my-project
這樣就創(chuàng)建了一個(gè)名為my-project的vue項(xiàng)目。之后進(jìn)入該項(xiàng)目,安裝依賴:
cd my-project npm install
接著就可以啟動(dòng)該項(xiàng)目了:
npm run dev
如果需要打包該項(xiàng)目,可以運(yùn)行:
npm run build
當(dāng)然,在實(shí)際項(xiàng)目中,我們可能還需要一些其他的配置。可以在項(xiàng)目根目錄下新建一個(gè)vue.config.js文件,進(jìn)行相關(guān)配置。比如,修改服務(wù)器端口:
module.exports = { devServer: { port: 8080 } };
除此之外,還可以配置less、sass等預(yù)處理器,引入插件等操作。
上一篇json或xml