vuecli也叫脚手架，官方定义为Vuejs开发的标准工具Vuecli是一个基于Vuejs进行快速开发的完整系统，可以自动生成Vuejs＋webpack的项目模板Vuecli提供了强大的功能，用于定制新项目配置原型添加插件和检查webpack。

然后我们可以选择需要的各种插件官网 使用 vite 不仅可以创建 vue 的项目，而且可以创建 react 等项目，只是需要手动安装第三方插件，有点麻烦目前支持的模板预设如下官网。

vue脚手架在vue脚手架中有一个 template 模板在模板里面只有一个子类，子类里面可以有其他的类 script#160 脚本style 样式 vue的语法当使用的时候，里面只可以传入文本，如果传入标签也会被认为文本v。

component = import #39@unituipages404vue#39 ， 加载模板文件 meta show_site 0 ， 是否全屏显示 web_title quot404错误quot 网站标题 ， const router = new VueRouter routes。

安装vscode的插件Vue VSCode Snippets 二我这里默认显示是HTML代码，改成“自动检测”还是会在vue文件里面显示HTML这个先不管重点我们手动点击这里，把它设置为vue 三开始写vb，就会有提示，我们选择第一个vbase。

是一种可以把样式逻辑模板写在一个文件里，独立发布便于管理的格式但这种格式是需要transform的，可以通过Webpack或者Browserify进行处理。

然后重新构建项目如果以上方法都无法解决问题，可以尝试重新安装HBuilderX，并使用最新版本的Vue模板来创建项目可以在创建项目时，选择“下载最新模板”，以确保使用的是最新版本的Vue模板。

如果你的项目是使用 vuecli 创建的，可以参考基于 Vue Webpack 模板应用这个插件的例子 SPA 中单个 Skeleton 修改的文件如下 buildbuild 添加的文件如下 buil。