vuecli也叫腳手架，官方定義為Vuejs開(kāi)發(fā)的標(biāo)準(zhǔn)工具Vuecli是一個(gè)基于Vuejs進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)，可以自動(dòng)生成Vuejs＋webpack的項(xiàng)目模板Vuecli提供了強(qiáng)大的功能，用于定制新項(xiàng)目配置原型添加插件和檢查webpack。

然后我們可以選擇需要的各種插件官網(wǎng) 使用 vite 不僅可以創(chuàng)建 vue 的項(xiàng)目，而且可以創(chuàng)建 react 等項(xiàng)目，只是需要手動(dòng)安裝第三方插件，有點(diǎn)麻煩目前支持的模板預(yù)設(shè)如下官網(wǎng)。

vue腳手架在vue腳手架中有一個(gè) template 模板在模板里面只有一個(gè)子類(lèi)，子類(lèi)里面可以有其他的類(lèi) script#160 腳本style 樣式 vue的語(yǔ)法當(dāng)使用的時(shí)候，里面只可以傳入文本，如果傳入標(biāo)簽也會(huì)被認(rèn)為文本v。

component = import #39@unituipages404vue#39 ， 加載模板文件 meta show_site 0 ， 是否全屏顯示 web_title quot404錯(cuò)誤quot 網(wǎng)站標(biāo)題 ， const router = new VueRouter routes。

安裝vscode的插件Vue VSCode Snippets 二我這里默認(rèn)顯示是HTML代碼，改成“自動(dòng)檢測(cè)”還是會(huì)在vue文件里面顯示HTML這個(gè)先不管重點(diǎn)我們手動(dòng)點(diǎn)擊這里，把它設(shè)置為vue 三開(kāi)始寫(xiě)vb，就會(huì)有提示，我們選擇第一個(gè)vbase。

是一種可以把樣式邏輯模板寫(xiě)在一個(gè)文件里，獨(dú)立發(fā)布便于管理的格式但這種格式是需要transform的，可以通過(guò)Webpack或者Browserify進(jìn)行處理。

然后重新構(gòu)建項(xiàng)目如果以上方法都無(wú)法解決問(wèn)題，可以嘗試重新安裝HBuilderX，并使用最新版本的Vue模板來(lái)創(chuàng)建項(xiàng)目可以在創(chuàng)建項(xiàng)目時(shí)，選擇“下載最新模板”，以確保使用的是最新版本的Vue模板。

如果你的項(xiàng)目是使用 vuecli 創(chuàng)建的，可以參考基于 Vue Webpack 模板應(yīng)用這個(gè)插件的例子 SPA 中單個(gè) Skeleton 修改的文件如下 buildbuild 添加的文件如下 buil。