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

今天正是个好日子,1024 程序员节。程序员

朋友圈都是别人的公司送霸王洗发水之类的,而我在公司通宵加班。segmentfault

可是我知道,这是通往大佬的惟一途径。windows

image.png

vscode

程序员的工做中编辑器是必不可少,咱们应该将咱们的编辑器变得酷一点,而后再来点快捷键让咱们骚起来编辑器

安装编辑器

https://code.visualstudio.com/ 下载安装包(我特地删了个人编辑器,从头来过,感动吗?工具

下载以后无脑下一步固然我是会改个路径的)。spa

插件管理

  • 直接在侧边工具栏单击
    image.png
  • file(文件) > perferences(首选项) > extensions(扩展)
    image.png

插件安装&插件推荐

  1. 编辑器改成中文。插件关键词:Chinese
    能够看到搜索联想推荐中就有
    image.png
    选择 Chinese (Simplified) Language Pack for Visual Studio Code 插件 install(安装)
    image.png
    安装完成以后,右下角会提示重启生效。而后重启就 ok 了
    image.png
  2. 美化代码 prettier。插件关键词:prettier
    有的时候咱们会看到一些怪异的代码,可是一行一行改又太累了。
    image.png
    咱们能够经过 alt + shift + f 来美化一下代码。(默认就携带的功能,可是功能感受较弱)
    image.png
    咱们能够装其余的美化插件,首次使用会提示你安装了多个格式化插件,选择咱们新安装的便可。
    image.png
  3. 输入特效。插件关键词:Power Mode
    须要修改一下配置
    image.png插件

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

    就能够看到特效了
    image.png3d

经常使用快捷键(windows)

  1. ctrl + D 选中下一个相同的内容
    ctrl + shift + L 选中全部相同的内容
    image.png
    好比要实现批量注释掉 console.logctrl + shift + L 而后 ctrl + /
    image.png
  2. ctrl + G 跳转到指定行列
    通常用于咱们在控制台定位到了问题,而后去文件中修改时
    image.png

修改快捷键

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

image.png

结语

祝全部程序员工做顺利升职加薪。blog

1024 要快乐鸭!!!!!

image.png

话说朝阳大悦城的翘脚牛肉好贵呀,人均240。又是吃胖的一天。

本文参与了 SegmentFault思否征文「1024 征文活动」,欢迎正在阅读的你也加入。
相关文章
相关标签/搜索