1024 程序员必备好物推荐(vscode插件)|我和我的“格子衫”

简介: 今天正是个好日子,1024 程序员节。朋友圈都是别人的公司送霸王洗发水之类的,而我在公司通宵加班。但是我知道,这是通往大佬的唯一途径。

bVcHTxV.webp.jpg

vscode



程序员的工作中编辑器是必不可少,我们应该将我们的编辑器变得酷一点,然后再来点快捷键。


安装编辑器


https://code.visualstudio.com/ 下载安装包(我特意删了我的编辑器,从头来过,感动吗?)

下载之后无脑下一步(当然我是会改个路径的)。


插件管理


  • 直接在侧边工具栏单击


bVcHTyV.webp (1).jpg


  • file(文件) > perferences(首选项) > extensions(扩展)


bVcHTy0.webp.jpg


插件安装&插件推荐


  1. 编辑器改为中文。插件关键词:Chinese

(可以看到搜索联想推荐中就有)


bVcHTy7.webp.jpg


选择 Chinese (Simplified) Language Pack for Visual Studio Code 插件 install(安装)


bVcHTzn.webp.jpg


安装完成之后,右下角会提示重启生效。然后重启就 ok 了


bVcHTzq.webp.jpg


  1. 美化代码 prettier。插件关键词:prettier


有的时候我们会看到一些怪异的代码,但是一行一行改又太累了。


bVcHTz0.webp.jpg

我们可以通过 alt + shift + f 来美化一下代码。(默认就携带的功能,但是功能感觉较弱)


bVcHTAe.webp.jpg


我们可以装其他的美化插件,首次使用会提示你安装了多个格式化插件,选择我们新安装的即可。


bVcHTAW.webp.jpg


  1. 输入特效。插件关键词:Power Mode

需要修改一下配置


bVcHTDK.webp.jpg

"powermode.enabled": true,
"powermode.presets": "fireworks",
"powermode.shakeIntensity": 0


就可以看到特效了


bVcHTDG.webp.jpg


常用快捷键(windows)


  1. ctrl + D 选中下一个相同的内容
    ctrl + shift + L 选中所有相同的内容


bVcHTEE.webp.jpg


比如要实现批量注释掉 console.logctrl + shift + L 然后 ctrl + /


bVcHTEP.webp.jpg


  1. ctrl + G 跳转到指定行列
    一般用于我们在控制台定位到了问题,然后去文件中修改时


bVcHTEU.webp.jpg


修改快捷键


有可能我们习惯在很久之前就已经养成。那么我们会考虑修改一下默认快捷键


bVcHTE3.webp.jpg




相关文章
|
3月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
229 1
|
29天前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
236 3
|
1月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
65 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
3月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
133 5
vscode10大常用插件
|
2月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
123 2
|
3月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
3月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
3月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
168 0
|
3月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
225 0
|
4月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
279 3