国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

高效開發(fā)者是如何個性化VS Code插件與配置的?

shenhualong / 1852人閱讀

摘要:由于本身不能個性化配置,有時可能會引起不適,但是至少保證團(tuán)隊成員可以輕易統(tǒng)一代碼風(fēng)格。就是將多于一個字母的合成一個字形。自從年雙十一正式上線,累計處理了億錯誤事件,得到了金山軟件等眾多知名用戶的認(rèn)可。

譯者按: IDE是生產(chǎn)力的保證!

原文:Visual Studio Code Settings and Extensions for Faster JavaScript Development

譯者: Fundebug

本文采用意譯,版權(quán)歸原作者所有

2年之前,我放棄了Sublime Text,選擇了Visual Studio Code作為代碼編輯器。

我每天花在VS Code上的時間長達(dá)5~6個小時,因此按照我的需求優(yōu)化VS Code配置十分必要。過去這2年里,我試過各種各樣的插件與配置,而現(xiàn)在我感覺一切都完美了,是時候給大家分享一下我的使用技巧了!

插件

VS Code有著非常豐富的插件,這里我給大家推薦幾個我最喜歡的VS Code插件。

Prettier Code Formatter

下載量:167萬

我使用Prettier來統(tǒng)一代碼風(fēng)格,當(dāng)我保存HTML/CSS/JavaScript文件時,它會自動調(diào)整代碼格式。這樣,我不用擔(dān)心代碼格式問題了。由于Prettier本身不能個性化配置,有時可能會引起不適,但是至少保證團(tuán)隊成員可以輕易統(tǒng)一代碼風(fēng)格。

npm

下載量:119萬

npm插件可以檢查package.json中所定義的npm模塊與實際安裝的npm模塊是否一致:

package.json中定義了,但是實際未安裝

package.json中未定義,但是實際安裝了

package.json中定義的版本與實際安裝的版本不一致

npm Intellisense

下載量:105萬

npm Intellisense插件會為package.json建立索引,這樣當(dāng)我require某個模塊時,它可以自動補全。

Bracket Pair Colorizer

下載量:95萬

Bracket Pair Colorizer可以為代碼中的匹配的括號自動著色,以不同的顏色進(jìn)行區(qū)分,這樣我們可以輕易地辨別某個代碼塊的開始與結(jié)束。

Fundebug, 1代碼搞定BUG監(jiān)控!

Auto Close Tag

下載量:117萬

Auto Close Tag插件的功能非常簡單,它可以自動補全HTML/XML的關(guān)閉標(biāo)簽。

GitLens

下載量:164萬

我非常喜歡Gitlens,因為它可以幫助我快速理解代碼的修改歷史。

Current Line Blame:查看當(dāng)前行代碼的結(jié)尾查看最近一次commit的姓名、時間以及信息

Current Line Hovers:在當(dāng)前行代碼的懸浮框查看詳細(xì)的最近一次的commit信息。

Markdown All in One

下載量:45萬

Markdown All in One插件幫助我編寫README以及其他MarkDown文件。我尤其喜歡它處理列表以及表格的方式。

自動調(diào)整列表的數(shù)字序號

自動格式化表格

用戶配置

除了安裝各種各樣的插件,我們還可以通過配置VS Code的User Settings來個性化我們的VS Code。

字體設(shè)置

我非常喜歡帶有l(wèi)igatures(合字、連字、連結(jié)字或合體字)的字體。ligatures就是將多于一個字母的合成一個字形。我主要使用Fira Code作為我編程所使用的字體,如下圖中的=>===

我的字體配置如下:

"editor.fontFamily": ""Fira Code", "Operator Mono", "iA Writer Duospace", "Source Code Pro", Menlo, Monaco, monospace",
"editor.fontLigatures": true

關(guān)于縮進(jìn),我是這樣配置的:

 "editor.detectIndentation": true,
 "editor.renderIndentGuides": false,

import路徑移動或者重命名時,自動更新:

"javascript.updateImportsOnFileMove.enabled": "always",
user-settings.json

下面是我的VS Code的配置文件user-settings.json

{
    "workbench.colorCustomizations": {
        "activityBar.background": "#111111",
        "activityBarBadge.background": "#FFA000",
        "list.activeSelectionForeground": "#FFA000",
        "list.inactiveSelectionForeground": "#FFA000",
        "list.highlightForeground": "#FFA000",
        "scrollbarSlider.activeBackground": "#FFA00050",
        "editorSuggestWidget.highlightForeground": "#FFA000",
        "textLink.foreground": "#FFA000",
        "progressBar.background": "#FFA000",
        "pickerGroup.foreground": "#FFA000",
        "tab.activeBorder": "#FFA000",
        "notificationLink.foreground": "#FFA000",
        "editorWidget.resizeBorder": "#FFA000",
        "editorWidget.border": "#FFA000",
        "settings.modifiedItemIndicator": "#FFA000",
        "settings.headerForeground": "#FFA000",
        "panelTitle.activeBorder": "#FFA000",
        "breadcrumb.activeSelectionForeground": "#FFA000",
        "menu.selectionForeground": "#FFA000",
        "menubar.selectionForeground": "#FFA000"
    },
    "editor.fontSize": 14,
    "editor.lineHeight": 24,
    // These are for subliminal, check them out.
    "editor.hideCursorInOverviewRuler": true,
    "editor.lineNumbers": "on",
    "editor.overviewRulerBorder": false,
    "editor.renderIndentGuides": false,
    "editor.renderLineHighlight": "none",
    "editor.quickSuggestions": true,
    // end subliminal changes
    "editor.fontFamily": ""Fira Code", "Operator Mono", "iA Writer Duospace", "Source Code Pro", Menlo, Monaco, monospace",
    "vsicons.projectDetection.autoReload": true,
    "editor.formatOnPaste": false,
    "editor.formatOnSave": true,
    "editor.fontLigatures": true,
    "prettier.tabWidth": 4,
    "editor.wordWrap": "on",
    "editor.detectIndentation": true,
    "workbench.iconTheme": "eq-material-theme-icons-palenight",
    "editor.minimap.enabled": false,
    "editor.minimap.renderCharacters": false,
    "prettier.parser": "flow",
    "workbench.editor.enablePreview": false,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "jsx-sublime-babel-tags": "javascriptreact"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.showExpandedAbbreviation": "never",
    "workbench.statusBar.visible": true,
    "workbench.activityBar.visible": true,
    "workbench.editor.showIcons": false,
    "editor.multiCursorModifier": "ctrlCmd",
    "explorer.confirmDelete": false,
    "window.zoomLevel": 0,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "materialTheme.accent": "Yellow",
    "editor.cursorBlinking": "smooth",
    "editor.fontWeight": "500"
}

如果你想知道更多的VS Code使用技巧,可以查看VSCode Can Do That。

推薦閱讀

30個極大提高開發(fā)效率的VS Code插件

[我為什么推薦Prettier來統(tǒng)一代碼風(fēng)格

關(guān)于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實時BUG監(jiān)控。 自從2016年雙十一正式上線,F(xiàn)undebug累計處理了6億+錯誤事件,得到了Google、360、金山軟件等眾多知名用戶的認(rèn)可。歡迎免費試用!

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/102062.html

相關(guān)文章

  • [譯] 幫你高效使用 VS Code 秘訣

    摘要:當(dāng)你處于文件管理器中,你可以像在的中那樣用相同的快捷鍵進(jìn)行常規(guī)操作,比如用方向鍵導(dǎo)航用鍵給文件或文件夾重命名用打開當(dāng)前文件等。 原文地址:Tips to use VSCode more efficiently 原文作者:sudolabs 譯文出自:掘金翻譯計劃 本文永久鏈接:github.com/xitu/gold-m… 譯者:Baddyo 校對者:xionglong58, hzdaqo ...

    cgspine 評論0 收藏0
  • VS Code上手超實用插件安利

    摘要:軟件跨平臺支持以及,運行流暢,可謂是微軟的良心之作微軟有這個宇宙最強,自然也不會弱宇宙最強編輯器說到代碼編輯器,我們有必要提一提還有。 原文鏈接:VS Code上手與超實用插件安利 工欲善其事必先利其器 Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器,支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補全、自定義熱鍵、括號...

    miracledan 評論0 收藏0
  • 字節(jié)跳動旗下 ArcoDesign 開源啦

    摘要:腳手架工具封裝了物料操作命令,幫助用戶快速創(chuàng)建物料項目并將其發(fā)布至物料平臺。非常重視每一位開發(fā)者和用戶的意見,希望大家踴躍反饋,積極共建。 ArcoDesign 提供的能力 完善的基礎(chǔ)組件 基于 ArcoDesign 設(shè)計規(guī)范,Arco 提供了 67 個基礎(chǔ)組件,這些基礎(chǔ)組件足以支撐絕大多數(shù)的業(yè)務(wù)需求。同時,Arco 在這些基礎(chǔ)組件的設(shè)計上,也開放了細(xì)粒度的配置,方便后續(xù)拓...

    jayce 評論0 收藏0
  • react-redux插件入門

    摘要:描述這個插件可以讓我們的代碼更加的簡潔和美觀。安裝使用提供了兩個重要的接口使用了這個插件,的和就可以忘記來,它們就用不著了。現(xiàn)在有美女個。 可先查看我的redux簡單入門 react-redux簡介 react-redux是使用redux開發(fā)react時使用的一個插件,另外插一句,redux不是react的產(chǎn)品,vue和angular中也可以使用redux;下面簡單講解,如何使用rea...

    Baaaan 評論0 收藏0
  • 打造高效個性Terminal(二)之 zsh

    摘要:歡迎來我的博客閱讀打造高效個性一之打造高效個性二之如果說塑造了一個婀娜多姿顏值高的貌美姑娘,那么就是給她塑造了一個柔情俠骨百事通的女漢子之心。一款增加了一些在上實用的命令插件。 歡迎來我的博客閱讀:「打造高效個性Terminal(一)之 iTerm」「打造高效個性Terminal(二)之 zsh」 oh-my-zsh 如果說iTerm塑造了一個婀娜多姿顏值高的貌美姑娘,那么zsh就是給...

    ?xiaoxiao, 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<