分享
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
是否想编写更好的代码？ 是否需要整个团队使用一致的格式？ 安装ESLint。 这个插件可以配置为自动设置代码格式以及带有错误或警告的“yell（提示）”。 VS Code通过合适的配置，可以向你展示这些提示。
- Live server
=================================================================================
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
在代码编辑器中进行更改，切换到浏览器，然后刷新以查看更改。 那是开发人员无休止的循环，但是如果你在进行更改时浏览器会自动刷新会怎样呢？ 这就是Live Server的用武之地！
它还在本地服务器上运行你的应用程序。 有些事情只有在服务器里运行应用程序时才能测试，因此这也是个利好之处。
- Bracket Pair Colorizor
============================================================================================
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
括号阻止开发人员活着的祸害。 使用大量嵌套代码，几乎不可能确定哪些括号彼此匹配。 Bracket Pair Colorizor（如你所料）为括号匹配颜色，以使代码更具可读性。 相信我，你想要！
- Auto Rename Tag
=====================================================================================
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
是否需要重命名HTML中的元素？ 好了，使用“Auto Rename Tag”，你只需要重命名开始或结束标签，其他标签将自动重命名。 简单但有效！
- Quokka
============================================================================
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
需要一个快速的地方来测试一些JavaScript吗？ 我曾经习惯在Chrome中打开控制台，然后在其中输入一些代码，但缺点很多。 Quokka在VS Code中为你提供了一个JavaScript（和TypeScript）暂存器。 这意味着你可以在自己喜欢的编辑器中测试一段代码！
- Path Intellisense
=======================================================================================
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
在大型项目中，记住特定的文件名和文件所在的目录可能会很麻烦。 此插件将为你提供智能提示。 当你开始在引号中输入路径时，你将看到目录和文件名的智能提示。 这样可以避免你在文件浏览中花费大量时间：)
- Project Manager
=====================================================================================
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
我讨厌的一件事是在VS Code中的项目之间切换。 每次我必须打开文件资源管理器并在计算机上找到项目时。 但这随Project Manager 的应用而改变。 使用此插件，你可以在项目的侧边菜单中打开一个额外的菜单。 你可以在项目之间快速切换，保存收藏夹或从文件系统自动检测Git项目。
如果你开发多个不同的项目，那么这是保持组织状态和提高效率的好方法。
- Editor Config
====================================================================================
https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
Editor Config是少数几种编码样式的标准，在主要文本编辑器/ IDE中都得到支持。 运行方式如下如下。 你将配置文件保存在你的编辑器支持的存储库中。 在这种情况下，你必须为VS Code添加扩展名，以使其遵守这些配置文件。 设置起来超级容易，非常适合团队项目。
- Sublime Text Keymap
==========================================================================================
https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings
你是Sublime的狂热用户，不愿意切换到VS Code吗？ 通过更改所有快捷方式以匹配Sublime的快捷方式，此扩展程序将使你切换得没有任何感知。 现在，你有什么理由不进行切换？
- Browser Preview
======================================================================================
https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview
我喜欢 Live Server extension 扩展（上文提到的），但就便利性而言，这个扩展更进一步。它为您提供了VS Code内部的实时重新加载预览。 无需再查看浏览器即可看到很小的变化！
- Git Lens
===============================================================================
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
git插件一大堆，但是其中一个功能最强大，最多。 您会得到有关警告的信息，行和文件的历史记录，提交搜索等等。 如果你需要有关Git工作流程的帮助，请从这个插件开始！
- Polacode
===============================================================================
https://marketplace.visualstudio.com/items?itemName=pnp.polacode
你知道你在博客和推特中看到的那些漂亮的代码截图吗？ 好吧，很可能它们来自Polacode。 使用起来超级简单。 将一段代码复制到剪贴板，打开扩展名，粘贴代码，然后单击保存图像！
- Prettier
===============================================================================
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
不要花时间格式化代码…它做了。 前面，我提到了ESLint，它提供格式化和检查。 如果你不需要棉绒检查，那么选择Prettier。 它非常容易设置，可以配置为在保存时自动格式化代码。
- Better Comments
======================================================================================
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
此插件对各种类型的注释进行不同颜色标记，以赋予它们不同的含义，并在其余代码中突出。 我一直在用这个来做提示。 很难忽略一个橙色的大提示，告诉我我有一些未完成的工作要做。
还有用于问题，警报和强调的颜色代码。 你也可以添加自己定义的！
- Git Link
===============================================================================
https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink
如果你想在Github中查看正在处理的文件，则这个插件适合你。 安装后，只需右键单击文件，你将看到在Github中打开文件的选项。 如果你不使用Git Lens插件的话，这个插件对于检查历史记录，分支版本等非常好用。
- VS Code Icons
====================================================================================
JavaScript 和 ES6
在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。
如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
版权归原作者 2401_84616292 所有， 如有侵权，请联系我们删除。