【vscode编辑器插件】前端 php unity自用插件分享

一篇一句

“思考是最困难的工作，这也许是为什么很少有人这样做。” - 亨利·福特（Henry Ford）

前言

无论是什么语言，我都会选择使用vscode进行开发，我愿称vscode为万能编辑器，他之所以这么强大，得益于丰富的免费插件市场

vscode插件五花八门，但也不是装越多越好，不必要和垃圾插件会影响编辑器运行效率，起到相反的效果，这里我就分享我平时的自用插件，包括但不限于PHP c# unity vue html/css/js插件，如果你和我一样，也是vscode的信徒，千万不要错过。

前端

1. CSS Peek
   实现跳转查看对应的css属性
   
   
2. HTML CSS Support
   html css智能感知
   
   
3. 预览图像
   Image preview
   
   

4. Color Highlight
   在编辑器中突出显示网页颜色
   
   
5. Highlight Matching Tag
   突出显示匹配标签
   
   
   

vue

1. Vue 3 Snippets
   vue代码提示
   
   
   
2. Vue Language Features (Volar)
   
   插件的主要作用如下：
   智能的语法高亮：Volar插件可以根据Vue.js的语法对代码进行高亮，方便开发者阅读和理解代码结构。
   语法检查和错误提示：Volar可以检查Vue.js代码中的语法错误，并在编辑器中实时提示，帮助开发者快速发现和修复问题。
   自动补全和代码提示：插件提供了对Vue.js组件、指令、属性等的自动补全和代码提示功能，减少开发者的手写工作量，提高开发效率。
   快速导航和查找：Volar插件支持快速导航到Vue.js文件中的模板、样式、脚本等部分，方便开发者快速定位和修改相关内容。
   代码片段和模板扩展：插件提供了一些预定义的代码片段和模板扩展，可以快速生成常用的Vue.js代码片段，加速开发过程。
   重构和代码整理：Volar插件支持对Vue.js代码进行重构操作，如重命名组件、提取组件等，帮助开发者保持代码的整洁和可维护性。
   

git

1. Git Graph
   查看存储库的Git图，并轻松地从图中执行Git操作。可配置的看你想要的方式!
   
   
   
2. Git History
   Git历史
   
   
   
3. .gitignore
   .gitignore掉的文件显示灰色
   
   
   
4. GitLens-Git supercharged
   git提示谁提交的代码片段
   
   
   

php

1. phpAI代码提示
   
   
   
2. php一些代码提示
   

3. php代码智能提示
   

unity

1. C#
   这就不用说了，必备
   
   
2. Unity Code Snippets
   Unity代码补全
   
   
3. Auto-Using for C#
   自动添加命名空间
   
   
4. C# Snippets
   c#代码错误提示
   

后端

1. Path Intellisense

路径智能感应

2. 运行部分代码
   Code Runner
   
   
3. Tabnine: AI Autocomplete
   AI写代码，写好注释，AI自动帮你写代码
   

4. Error Lens
   代码显示错误提示
   
   
   
5. TODO Tree
   TODO 注释树管理
   

6. SFTP
   vscode的sftp同步扩展，连接远程服务器，实时提交代码

添加配置快捷键Ctrl+Shift+P

7. ENV
   对env文件(.env)的格式化和语法高亮显示支持

其他

1. vscode-icons
   vscode 图标
   
   

待续

后续有遇到其他好用的插件，我会再来补充