vscode注释html出现//的问题（装了vetur）

转载

vscode中，注释html时，ctrl+/快捷键出现的时// 而不是<!-- --> 请安装vetur插件之后，重启vscode。 再次尝试即可。

VSCode注释快捷键失效问题排查：当遇到Ctrl+/无法注释CSS和script部分时，可能是VueOfficial插件导致的。解决方法为：1）暂时禁用该插件后重试；2）启用插件后输入任意内容再使用快捷键。若仍无效，可尝试先输入代码或注释后再按Ctrl+/。该问题仅影响Vue文件中的特定部分，HTML注释功能正常。

在vscode编辑器中 vetur插件会把vue3项目当成vue2去检查，然后出现了eslint报错在项目的 中添加以下代码，并重启编辑器就可以了

1.错误 C1071 在注释中遇到意外的文件结束 注释使用 "//"才会出现,检查是否少写“//”注释符号，或者去掉“/**/”注释或者修改编码格式（一般用过linux与windows交互） 2.错误 C1057 宏扩展中遇到意外的文件结束 漏写括号，或者多余换行符，以及编码格式导致的问题，utf-8格式的文件需要用utf-8去便宜，gbk格式就需要用gbk去编译，编码格式修改在高级保存选项中可修...

Vite：Vue 官方提供的快速开发工具，可以快速构建和启动项目，同时支持 TypeScript。TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。Vue Peek：快速定位 Vue 组件和模板。

在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。

vue2 使用 vetur 插件 vue3 建议禁用 vetur 使用 volar

Vue环境的搭建与新建Vue项目 Vue环境搭建 1. 下载安装node.js 安装node.js是为了使用其内置的npm工具。 进入node官网选择自己与电脑匹配的版本下载，然后按照步骤一步步安装就好了，完成打开cmd命令行输入node -v,如果显示node的版本信息就说明安装成功了。 2. 安装npm/cnpm 打开cmd命令行，输入npm install 3. 安装vue-cli脚手架 ...

看完你就基本可以上手搞开发了，本文适合Vue初学者，或者Vue2迁移者，当然还是建议Vue3官网完全过一遍。不适合精通原理，源码的大佬们。 先推荐两个vscode插件 Volar 首先推荐Volar，使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件，有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur，代码高亮，语法提示，基本上Vetur有的它都有。 特色功能 当然作为新的插件出山，肯定有它独有的功能。 多个根节点编辑器不会报错 Vue...

Vue的组件详解、组件的生命周期、父子相互传递参数、兄弟相互传递参数等等

先推荐两个vscode插件 Volar 首先推荐Volar，使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件，有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur，代码高亮，语法提示，基本上Vetur有的它都有。 特色功能 当然作为新的插件出山，肯定有它独有的功能。 多个根节点编辑器不会报错 Vue3是允许我们有多个根节点的，但是我们如果使用Vetur就会报错，不会影响运行，但是看起来就很烦。所以当我们转向Volar那么就不会出现这个问题了。

打包 – Vite 极速的服务启动，使用原生 ESM 文件，无需打包 轻量快速的热重载，始终极快的模块热重载（HMR） 丰富的功能，对 TypeScript、JSX、CSS 等支持开箱即用 传统打包方式 基于打包器的方式启动，必须优先抓取并构建你的整个应用，然后才能提供服务。 vite 方式 Vite 只需要在浏览器请求源码时进行转换并按需提供源码。 根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理。 PS: webpack 的入口是一个 js 文件，先根据入口 js 文件，构建打包项目，在运

Vue学习07-- Vue的组件 组件开发：具备一定功能得页面片段 Vue的组件 Vue的组件是功能高内聚、业务低耦合的一个通用的方法、模块称为组件 ​ 组件是可复用的 Vue 实例，且带有一个名字，通常一个应用会以一棵嵌套的组件树的形式来组织。 Vue的组件在项目中以一个有着 .vue 后缀的文件的形式存在 如何定义一个组件 需要给vscode安装一些vue插件：Vetur和Vue 3 Snippets ​ 一个vue组件需要三个模块 html 模板(template) – 直接书写html代码，根元素