mengran_code的博客

选择html模板后，会打开一个名为html.json文件。接下来，我们将刚才在一个在线网站生成的代码片段代码放到html.json文件中的。第三步，在VScode中打开User Snippets，不同的操作系统对应的步骤如下。比如我们经常使用固定的代码格式来生成代码片段。第五步，使用vue3app快速生成模板代码。取一个模板名称例如叫：“vue3app”。

create-vue类似于Vue CLI脚手架，可以快速创建vuejs 3项目，create-vue基于Vite。Vite支持Vue CLI中的大多数配置，并且Vite以极速启动服务、快如闪电的热重载，提供了更好的。与Vue CLI 不同的是，create-vue脚手架会根据你选择的功能创建一个预配置的项目，然后将其余部分委托给Vite。Vue CLI是基于webpack实现的，而create-vue是基于vite实现的。create-vue脚手架创建vue3版本项目，有两种常见的方式。

如果保存了预设，在下次新建项目时，在第一步选择预设时，就可以看到我们保存过的预设，比如我们把前面的预设命名为“vue3-demo”，最后按"Enter"键即可。提示：“选中”和“取消选中”是按空格键，“上下移动”是按上下键，“确认”是按Enter键。输入y，表示保存自定义预设，也可以输入n,即不保存自定义预设。(4) 安装完 Vue CLI之后，可以在终端查看其版本号。根据需要选择vue版本，这儿示例选择vue3.x版本。方式一（推荐方式）：在终端安装指定版本。方式二：在终端通过命令安装最新版本。

右击html文件时，可在选项中单击“Open Width Live Server” 启动本地开发服务器，专为静态和动态页面提供实时加载功能。标签时，只需要修改第一个div标签的名称为span,后面的div也会自动跟着改成span。Vue - Official插件适用于vue3版本，为.vue文件提供高亮语法等。VS Code打开项目后，会根据项目中的文件类型显示该文件对应的图标。Vetur插件适用于vue2版本，为.vue文件提供高亮语法等。Volar插件适用于vue3版本，为.vue文件提供高亮语法等。

以下工具来源于互联网，可能会失效，请参考使用。

第一步：在vscode扩展中安装插件vue3 Snippets。

(前提是安装了node)。新建一个文件夹，然后执行。工程，就能在控制台看到。谷歌浏览器的扩展程序。