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 徵文活動」,歡迎正在閱讀的你也加入。
相關文章
相關標籤/搜索