八个提高效率的VSCode必备扩展插件
Visual Studio Code 是用于构建当前 Web 应用程序的源代码编辑器。它是一个免费的开源管理器。它支持可用于 Web 应用程序改进的各种增强功能。这里是提高工作效率的10个必备VSCode 扩展：
1. 代码拼写检查器
一个基本的拼写检查器，适用于驼峰式代码。
此拼写检查器的目标是帮助捕获常见的拼写错误，同时将误报数量保持在较低水平。
2. Compareit
Compareit 扩展可帮助您比较两个文件，您可以从当前项目和计算机或剪贴板上的其他目录中进行选择。
3. stepsize
有时您会遇到技术债务或其他应该修复的技术问题。您可能没有时间立即修复它，但您想让它可见并提出问题。
Stepsize 允许您为代码添加书签、直接从编辑器跟踪技术债务以及创建 TODO。它还允许您与您的团队成员协作进行维护和重构工作。
直接从 VSCode 报告技术债务
4. WakaTime
WakaTime 允许您查看从您的编程活动自动生成的指标、见解和时间跟踪。
您将准确了解编码花费的时间，因为它会在您开始和停止输入时自动跟踪，并提供项目、文件、分支、提交/PR、功能等的详细指标。
5. Quokka.js
Quokka.js 是用于快速 JavaScript / TypeScript 原型设计的开发人员生产力工具。运行时值会在您键入时更新并显示在您的代码旁边。它使 JavaScript / TypeScript 的原型设计、学习和测试速度更快。
6. Chrome 调试器
在 Chrome 浏览器或任何其他支持 Chrome 调试器协议的目标中调试您的 JavaScript 代码
7. 剪贴板 历史
保留复制项目的 历史 记录，并在需要时重新粘贴。
8. 配置文件切换器
允许您在您创建的不同配置文件之间切换。此扩展允许您表征各种设置配置文件，而无需在它们之间进行太多拉伸切换。
以上插件下载：八个提高效率的VSCode必备扩展插件
实用vscode插件：自动帮你写console.log —— Turbo Console Log
是否每次调试程序的时候，手动写console.log让你感觉厌倦？来来来，这里有一款vscode插件适合你，他就是：Turbo Console Log。
只要将想打印的变量选中，按住 ctrl + option + L (windows: ctrl + alt + L )，就能在变量下方自动插入一个console.log：
除此之外，该插件还支持多选插入console.log：
添加了注释后，还支持批量注释，批量删除打印的注释。可谓是从打印到清除一条龙服务。
不仅如此，插件还贴心地根据用户的书写习惯导出了一些配置，例如，默认的console.log是双引号切没有分号结尾的，你可以在插件的Setting.json中配置引号类型和是否在console.log结尾添加分号。免去要对eslint做处理的困扰。
参考资料：
Turbo Console Log - Visual Studio Marketplace
vscode使用教程是？
vscode使用教程：
安装：
安装的东西没什么好说的，自行下载安装吧，伙计。
配置：
用户配置：
vscode的用户配置分3个级别，分别是默认配置、全局配置和工作区配置，优先级也依次递增。对于团队项目，一些规范可以通过项目目录下建一个.vscode/setting.json文件进行配置。
快捷键绑定：
参考官方文档，文档中列出了所有指令对应的快捷键。快捷键我只修改了两个与系统软件冲突的。
代码片段：
这个功能很像webstorm的live template的功能，虽然提示的时候没有webstorm那么精准和顺手，不过总的来说，够用。
设置语法遵循TextMate代码片段语法，你可以通过安装别人写好的snippet插件，如果别人写的snippet你用得不爽，那么自己写也简单。
之前使用这个代码片段有个痛点就是只能用方向键上下选择提示，如果能使用ctrl+n/p上下选择的话就更舒服了，没想到现在已经支持了。
另外，有没有人知道怎么设置代码提示内容，比如输入result提示了XPathResult是什么鬼。
插件：
4个月前刚知道vscode的时候，那时感觉插件还没有那么多，现在重新看了一下，真是应有尽有。牛逼啊！
这里介绍几个我用过觉得不错的插件
用户配置同步 Visual Studio Code Settings Sync。Git 历史 Git History。
文件图标 vscode-icons。缩进辅助线 Guides。
Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。
内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
作为一个前端开发，vscode有哪些值得安装的插件
1. Open-In-Browser
由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。
2. Quokka
Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。
3. Faker
使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落，并且每个类别还包含了各种子类别，你可以根据自身的需求来使用这些数据。
4. CSS Peek
使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
5. HTML Boilerplate
通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。
6. Prettier
Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier – Eslint 插件，你可不要错过咯！
7. Color Info
这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
8. SVG Viewer
此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。
9. TODO Highlight
这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。
10. Icon Fonts
这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
11. Minify
这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同工作。
12. Change Case
虽然 VSCode 内置了开箱即用的文本转换选项，但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。
13. Regex Previewer
这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。
14. Language and Framework Packs
VSCode 默认支持大量的主流编程语言，但如果你所使用的编程语言不包括在内，也可以通过下载扩展包来自动添加。同时，你还可以添加一些像 React Native 与 Vue 的相关 Web 开发插件包。
15. Themes
当然，在众多的实用插件中，岂能少了漂亮的主题呢？你每天都会与你的 VSCode 编辑器进行“亲密的接触”，为何不把它打扮得更漂亮些呢？这里有一些帮助你更改侧边栏的配色方案，以及图标的相关主题，与大家分享：
• One Monokai
• Aglia
• One Dark
• Material Icon
用vscode编写Python
我的上一篇Python环境安装里面提到可以用idle来编写python的代码，但是效率还是太低了，毕竟只有对于大佬来说才是用啥写代码都一样，新手不行啊，初学者总是会忘记一些关键字的拼写啥的，或者想用一些库又不知道它里面有哪些方法等等因素，光用idle是不够的，所以我们需要一些更好用的工具来帮助我们来学习
vscode是一款代码编辑器，而且里面有非常丰富的插件，可以帮助我们提高开发效率，之后我可能会写一篇插件推荐的，不过要注意的是这是编辑器而不是集成开发环境，所以想要真正做项目还是推荐去使用专业的工具哦（比如PyCharm）
回到正题，首先打开浏览器输入官网地址「链接」
下载下来然后打开后，无脑下一步就可以完成安装了
安装完成后就打开软件，这时右下角会提示你安装中文的插件，看个人需要安装，我这里就暂时不安装了
接下来点击左边的侧边栏中的那个四个方块的图标，就可以看见第一个推荐的插件就是Python
当然如果没推荐给你也不要紧，可以点上边的搜索栏直接搜索关键字 "Python" 就行
然后点击 "install"安装就行，刚刚没安装中文插件的也可以搜索关键字 "chinese"来安装
现在可以点`New File`来新建代码文件开始写代码了
打开一个新文件后点上面的 `select a language`（装了中文插件的话应该叫“选择语言”），让后再搜索框中输入python来选择创建python文件
接下来就可以开始写代码了，可以看见，当我刚开始写下两个字母，vscode就开始给我提示代码了，按下 Tab 键或 Enter 键时，vscode就会帮我们补全我们的代码了
当你的代码写好保存以后，右上角就会有一个三角符号点击一下就可以运行代码了
可以在vscode的内置终端里看到输出结果
当然还有另一种运行方式，就是右键你的文本编辑框，然后点`Run Current File in Interaction Window` （在交互式窗口中运行文件）来将代码运行到Jupyter Notebook（交互式笔记本）中
如果没有预先安装jupyter插件右下角会提醒你安装，点击安装即可
等安装完后再来运行一下看看效果
好了，今天的介绍就到这里了
喜欢的话记得关注我呀
也可以到CSDN中搜索同名账号，我会两边一起更新的
