Vue CLI是Vue.js的官方命令行工具，它可幫助我們快速創(chuàng)建新項(xiàng)目、集成插件、自定義組件等。在Vue CLI中，公共meta是一個(gè)非常重要的特性，它可以讓我們輕松設(shè)置所有頁(yè)面的元標(biāo)記。

關(guān)于公共meta，首先需要了解一下元標(biāo)記的概念。元標(biāo)記是指HTML文檔中頭部位于head標(biāo)簽內(nèi)的一些元素，它們用于描述文檔中一些元信息，比如文檔的關(guān)鍵字、作者、編碼等。這些信息對(duì)于搜索引擎優(yōu)化(SEO)非常重要，同時(shí)對(duì)于社交分享也非常有用。

//示例代碼

如上代碼所示，我們可以通過(guò)設(shè)置meta標(biāo)記來(lái)描述文檔的相關(guān)信息。但是在實(shí)際開(kāi)發(fā)中，如果每個(gè)頁(yè)面都需要手動(dòng)設(shè)置meta標(biāo)記，那將會(huì)非常繁瑣。這時(shí)候，公共meta就可以派上用場(chǎng)。

在Vue CLI中，我們可以在項(xiàng)目根目錄下的vue.config.js文件中設(shè)置公共meta。具體步驟如下：

//示例代碼
module.exports = {
chainWebpack: config =>{
config.plugin('html')
.tap(args =>{
args[0].title = '我的網(wǎng)站' //設(shè)置網(wǎng)站標(biāo)題
args[0].meta = [
{
name: 'description',
content: '我的網(wǎng)站的描述'
},
{
name: 'keywords',
content: '關(guān)鍵字1,關(guān)鍵字2'
}
] //設(shè)置網(wǎng)站meta標(biāo)記
return args
})
}
}

如上代碼所示，我們可以通過(guò)chainWebpack來(lái)修改webpack配置，然后設(shè)置html插件的參數(shù)。在參數(shù)里面，我們可以設(shè)置網(wǎng)站的標(biāo)題和meta標(biāo)記，還可以設(shè)置其他一些參數(shù)，比如favicon等。

有了公共meta，我們就可以愉快地編寫頁(yè)面內(nèi)容了。當(dāng)我們?cè)趩蝹€(gè)頁(yè)面中設(shè)置meta標(biāo)記時(shí)，Vue CLI會(huì)優(yōu)先采用單個(gè)頁(yè)面中設(shè)置的標(biāo)記。如果單個(gè)頁(yè)面未設(shè)置的話，Vue CLI就會(huì)使用公共meta標(biāo)記。這樣一來(lái)，我們就不用每個(gè)頁(yè)面都手動(dòng)設(shè)置meta標(biāo)記，可以大大提高開(kāi)發(fā)效率。

除了公共meta，Vue CLI還有許多其他實(shí)用的特性，比如webpack配置、Babel配置、eslint配置等。這些特性都可以幫助我們更快地開(kāi)發(fā)Vue.js應(yīng)用程序，如果您還沒(méi)有使用Vue CLI的話，可以考慮嘗試一下。