输入:open in browser 安装浏览器插件。
1.2.3 安装VUE开发利器 基本模式参考如上,在扩展插件中进行搜索后安装。如下插件是在进行Vue开发前端时经常使用的插件,建议大家自行搜索安装。 • Auto Close Tag:自动添加 HTML/XML 闭合标签 • Auto Rename Tag:自动同步修改对应的开闭标签 • Beautify:代码格式化工具 • Bracket Pair Colorizer:为括号添加不同颜色,方便区分代码块,可自定义括号类型和颜色 • Debugger for Chrome:将 VSCode 断点映射到 Chrome,便于调试 • ESLint:JavaScript 代码检查工具,支持自定义配置(建议使用现成的热门配置方案) • HTML CSS Support:提供 CSS 类名和 ID 智能提示 • HTML Snippets:HTML 标签智能提示及说明 • JavaScript(ES6) code snippets:ES6 语法智能提示和快速输入,免去复杂配置 • jQuery Code Snippets:jQuery 代码智能提示 • Markdown Preview Enhanced:Markdown 实时预览工具 • markdownlint:Markdown 语法检查器 • Material Icon Theme:VSCode 图标主题,支持多种配色方案 • Path Intellisense:文件路径智能提示,支持快速导入文件 • Vetur:Vue 官方推荐的多功能插件,集成语法高亮、智能提示、错误检查、格式化、自动补全和调试功能 • filesize:在状态栏显示当前文件大小 • Highlight Matching Tag:高亮显示匹配的标签对,可在状态栏显示标签路径 • Vue 3 Snippets:Vue 代码片段集合