Empfehlen Sie einige praktische Front-End-Plug-Ins in VSCode (Zusammenfassung)

🎜Installationseffekte und -funktionen🎜🎜🎜🎜🎜 🎜

🎜indent-rainbow🎜🎜🎜🎜 Plug-in-Name: indent-rainbow🎜🎜Funktion: Rainbow indent🎜🎜🎜🎜

🎜Bracket Pair Colorizer 2🎜🎜🎜🎜Plug-in-Name: Bracket Pair Colorizer 2 🎜🎜Funktion: Fügen Sie entsprechende Farben zu passenden Klammern () oder Objekten hinzu {}.. zur Unterscheidung🎜🎜

🎜Tag automatisch umbenennen🎜🎜🎜🎜Plug-in-Name: Tag automatisch umbenennen🎜🎜Funktion: Tag automatisch umbenennen🎜🎜🎜🎜

🎜Code-Rechtschreibprüfung🎜🎜🎜🎜Plugin-Name: Code-Rechtschreibprüfung code>🎜🎜Funktion: Überprüfen Sie, ob das Wort falsch geschrieben ist (unterstützt Englisch)🎜🎜🎜<img src="https:/%20/img.php.cn/upload/image/898/258/996/163391856166557Empfehlen%20Sie%20einige%20praktische%20Front-End-Plug-Ins%20in%20VSCode%20(Zusammenfassung)" title=" 163391856166557Empfehlen Sie einige praktische Front-End-Plug-Ins in VSCode (Zusammenfassung)" alt="Empfehlen Sie einige praktische Front-End-Plug-Ins in VSCode (Zusammenfassung)">🎜<h3 data-id="heading-12"> 🎜Code Runner🎜🎜🎜🎜Plug-in-Name: <code>Code Runner🎜🎜Funktion: 1 Taste zum Ausführen verschiedener Sprachcodes (häufig zum Testen verwendet) 🎜🎜🎜🎜

🎜 Debugger für Chrome🎜🎜🎜🎜Plug-in-Name: Debugger für Chrome🎜🎜Funktion: auf der VSCode-Seite, Debugging-Code 🎜🎜🎜🎜

🎜Live ServerPP🎜🎜🎜🎜 Plug-in-Name: Live ServerPP🎜🎜Funktion: Öffnen Sie Ihre Datei auf der Serverseite und zeigen Sie Ihre Änderungen in Echtzeit an. Der Code 🎜🎜 unterstützt den WebSocket-Messaging-Dienst, der zum Debuggen von WebSocket-Clients 🎜 verwendet werden kann 🎜 unterstützt programmierbare virtuelle Dateien, mit denen serverseitige API-Schnittstellen simuliert werden können 🎜🎜🎜🎜🎜🎜

🎜Svg Preview🎜🎜🎜🎜 Plug-in-Name: Svg Preview🎜🎜Funktion: Sie können Ihre SVG-Bilder anzeigen und bearbeiten🎜🎜🎜🎜

🎜Tabnine🎜🎜🎜🎜Plug-in-Name: Tabnine🎜🎜Funktion: Intelligente Code-Eingabeaufforderungen, die den Code vorhersagen können, den Sie schreiben möchten, und Sie dazu auffordern können🎜🎜🎜🎜🎜

Template String Converter

• Plugin-Name: Template String ConverterTemplate String Converter
• 功能：在字符串中输入$触发，将字符串转换为模板字符串

vscode-pigments

• 插件名：vscode-pigments
• 功能：实时预览设置的颜色

Parameter Hints

• 插件名：Parameter Hints
• 功能：提示函数的参数类型及消息

Quokka.js

• 插件名：Quokka.js
• 使用：安装插件后，ctrl+shift+p输入Quokka  new JavaScr..即可使用
• 功能：实时显示打印输出，更多功能自行探索（常用于测试）

Highlight Matching Tag

• 插件名：Highlight Matching Tag
• 功能：当光标停留在标签时，高亮匹配的标签

大众类插件

• 基本都有安装就不详细介绍了

插件

• Bookmarks
  • 功能：常用于读源码进行标记行，跳转（代码标记快速跳转）
• ESLint
  • 功能：代码规范检查
• Prettier - Code formatter
  • 功能：代码美化，自动格式化成规范格式
• Project Manager
  • 功能：项目管理插件，当开发多个项目时，可以快速跳转
• Path Intellisense
  • 功能：路径智能提示
• Image preview
  • 功能：当引入路径为图片时，可以预览当前图片
• GitLens
  • 功能：增强了git功能，支持在VSCode查看作者、修改时间等等
• open in browser
  • 功能：在浏览器打开当前文件

Vue 开发推荐

vue-component

• 插件名：vue-component
• 功能：输入组件名称自动导入找到的组件，自动导入路径和组件
  • 选中后自动输入组件名（包含必填属性）、import语句、components属性

Vetur

• 插件名：Vetur
• 开发 Vue 必备

Vue 3 Snippets

• 插件名：Vue 3 Snippets

• 基本必备：很多Vue的代码段，很方便开发

React 开发推荐

React Style Helper

• 插件名：React Style Helper
• 功能：在React
  Funktion: Geben Sie $ in die Zeichenfolge ein, um die Zeichenfolge auszulösen und in eine Vorlagenzeichenfolge umzuwandeln
  • 
  • vscode-pigments
  Plug-in-Name: vscode-pigments

• Parameterhinweise

Plug-in-Name: Parameterhinweise

🎜Quokka.js🎜🎜🎜🎜Plug-in Name: Quokka .js🎜🎜Verwendung: Geben Sie nach der Installation des Plug-ins Strg+Umschalt+P Quokka new JavaScr. ein, um es zu verwenden 🎜🎜Funktion: Ausdruck in Echtzeit anzeigen, weitere Funktionen selbst erkunden (häufig zum Testen verwendet) 🎜🎜🎜🎜

🎜Highlight Matching Tag🎜🎜🎜🎜Plug-in-Name: Highlight Matching Markieren🎜🎜Funktion: Wenn der Cursor beim Markieren stehen bleibt, markieren Sie passende Tags🎜🎜🎜🎜

🎜Beliebte Plug-ins🎜🎜🎜🎜Grundsätzlich sind alle installiert, daher werde ich nicht hingehen ins Detail🎜🎜

🎜Plug-in🎜

Vue-Entwicklungsempfehlung