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

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

vue腳手架在vue腳手架中有一個 template 模板在模板里面只有一個子類，子類里面可以有其他的類 script#160 腳本style 樣式 vue的語法當使用的時候，里面只可以傳入文本，如果傳入標簽也會被認為文本v。

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

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

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

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

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