Расширения VSCode, которые вы должны удалить

Visual Studio Code

Эта статья может оскорбить некоторых авторов расширений VSCode, но я действительно не могу понять, что многие статьи в Интернете все еще рекомендуют некоторые устаревшие расширения.Я чувствую, что как старый поклонник VSCode, мне нужно написать статью о популярных наука.

На рынке расширений VSCode на самом деле очень много расширений, которые очень скачиваются, но больше не должны использоваться.Очевидно, что официальное лицо не может прямо отметить вам, какие расширения были заброшены, а какие имеют серьезные ошибки. Многие новички устанавливают его после прочтения введения в некоторые статьи или ознакомления с рынком расширений, потому что они не углубились в него.На самом деле, установка слишком большого количества расширений VSCode вызовет много проблем:

  1. медленный старт, многие расширения загружаются при запуске VSCode, поэтому не обязательно, что сам VSCode медленный, возможно, вы установили слишком много расширений. Вы можете вызывать команды из палитры команд в VSCodeDeveloper: Startup PerformanceПосмотрите время загрузки каждого расширения при запуске VSCode.
  2. Конфликт между расширениями, такие как установка нескольких расширений, изменяющих цвет кода,TODO highlightа такжеTodo Treeмежду
  3. дублирование функций,Например:IntelliSense for CSS class names in HTMLа такжеHTML CSS Support
  4. Высокая загрузка ЦП, много заброшенных расширений VSCode, вы можете увидеть кучу проблем, жалующихся на эту проблему, когда вы переходите на их страницу проблем github, напримерimport-cost

В этой статье в основном будут представлены некоторые расширения VSCode, которые не рекомендуется использовать с двух точек зрения:

  1. Функциональность уже встроена в VSCode.
  2. Неактивные расширения сохраняются

В этой статье просто приведены некоторые причины, по которым вам следует рассмотреть возможность удаления,Не убеждая вас удалить их. Хотя у некоторых расширений есть некоторые проблемы, все еще есть некоторые функции, которые не встроены или на данный момент нет лучшей замены, но я думаю, что вы должны четко понимать эти вещи. Поскольку я в основном использую VSCode для фронтенд-разработки, большинство расширений, задействованных в этой статье, относятся к фронтенду.

Функциональность уже встроена в VSCode.

Данные, указанные в статье, относятся к моменту последнего обновления статьи, и их своевременность не гарантируется.Last updatedПоследний раз, когда это расширение было опубликовано на торговой площадке расширений VSCode.

Path Intellisense

Last updated: 2017/5/11

Issues open/close: 73/63

Download: 2.7M

Я часто вижу людей, которые используют VSCode в течение нескольких дней без завершения пути, что меня очень сбивает с толку. Видно, что это расширение не поддерживалось почти 3 года, что также является причиной, по которой от него следует отказаться. На самом деле, если инструмент полностью функционален, не имеет багов и не зависит от других проектов, то ничего страшного, если он долго не будет обновляться. Но на самом деле многие проекты будут зависеть от других проектов, особенно от расширения VSCode, разработанного с помощью JS. Часто можно увидеть различные пакеты npm, сообщающие об уязвимостях безопасности. Самый последний должен быть самым влиятельным.acorn.

На самом деле сам VSCode уже поддерживаетimport/requireТо есть, используя завершение пути в операторах импорта,Но по-прежнему нет подсказки при записи строки пути в других сценариях.. если ты чувствуешьНаличие завершения пути в операторе импорта уже может удовлетворить ваши потребности., то думаю этот плагин можно считать неустановленным. Похожие такжеPath Autocomplete.

path-intellisense

Auto Close Tag

Last updated: 2018/2/17

Issues open/close: 100/59

Download: 2.6M

На боковой панели видно, что я не открыл ни одного расширения.HTML, js, jsx, tsxФайл имеет встроенную поддержку автоматического закрытия тегов,ноvueвсе еще не поддерживается, вы можете взглянуть на проблему, которую я упомянул:auto close tag doesn't work in vue file.

Автор этого расширения разработал множество отличных расширений VSCode, в том числе это и следующиеAuto Rename Tag, самый известный должен бытьCode Runner. Я думаю, хорошо, что некоторые расширенные функции встроены. В конце концов, энергия людей ограничена, а поддерживать проекты с открытым исходным кодом все равно очень утомительно.

auto close tag

Auto Rename Tag

Last updated: 2019/10/27

Issues open/close: 453/71

Download: 2.6M

Используйте горячие клавиши напрямуюF2Просто рефакторинг, не нужно устанавливать расширения.auto close tagа такжеauto rename tagпакет расширенияAuto Complete TagВы также можете рассмотреть возможность удаления.

установив"editor.renameOnType": true(не включено по умолчанию), вы можете достичь иauto rename tagТот же эффект, если вы хотите включить эту функцию только на определенном языке, вы можете обратиться к следующей конфигурации:

// settings.json
"[html]": {
    "editor.renameOnType": true,
  },

Существует также расширение этого развития автор.Terminalдавным-давно2017/7/22Не требует обслуживания, загрузка достигает581 K. Причина отказа от поддержки автора также указана на домашней странице расширения.Code Runnerимеет больше функций, чем это, другая заключается в том, что VSCode уже имеет некоторые встроенные функции этого расширения.

auto rename tag

npm Intellisense

Last updated: 2017/2/23

Issues open/close: 27/19

Download: 2M

Функция этого расширения заключается в поддержке завершения модулей npm в операторе импорта.Со времени последнего обновления предполагается, что эта функция должна была быть встроена в поддержку 3 года назад, но объем загрузки ужасен.Вы можете все еще вижу 9-дневную предпосылку на github.выпуск, запутанное поведение в мире.

Другое расширение, которое имеет ту же функцию, что и это расширение, а также имеет очень большой объем загрузки:Node.js Modules Intellisense.

npm Intellisense

Document This

Last updated: 2018/6/4

Issues open/close: 64/124

Download: 638K

VSCode имеет встроенную автоматическую генерациюjsdocи завершение аннотации.

document this

HTML Snippets

Last updated: 2017/12/28

Issues open/close: 19/21

Download: 3.3M

Количество загрузок этого расширения полностью показывает, что некоторые люди устанавливают расширение только по названию, но если вы посмотрите на домашнюю страницу этого расширения, оно не будет установлено:

HTML Snippets

Связанный с TypeScript

Поиск внутри расширенного рынкаTypeScript, отметьте Сортировать по количеству установок, первые несколько самых популярных иTypeScriptФункции связанных расширений в основном встроены в VSCode. Сам VSCode написан на TypeScript, и приоритет разработки и планирования практических функций, связанных с TypeScript, должен быть высоким. Поэтому я думаю, что VSCode не нужно устанавливать какие-либо расширения, связанные с базовыми функциями TypeScript, такими как автоматический импорт модулей, рефакторинг имен модулей. VSCode все еще активно развивается, хотя VSCode не является IDE, но на самом деле есть много разработчиков, которые используют его в качестве IDE для разработки, особенно фронтенд-разработки, поэтому даже если эти базовые функции сейчас не встроены, они должны быть в будущем. Определенная версия будет встроена.Auto Import, TypeScript Hero, TypeScript Importer, Move TSВы можете рассмотреть возможность удаления. наиболее установленныйauto importОбъем загрузки достигает 867 КБ, а минимальный — более 250 КБ.

техническое обслуживание не активно

Color Highlight

Last updated: 2017/7/12

Issues open/close: 49/25

Download: 894K

Можно рассмотреть этоvscode-colorizeв качестве замены.

TODO Highlight

Last updated: 2018/7/22

Issues open/close: 45/93

Download: 953K

Рекомендуемые альтернативыTodo Tree, далее ссылкаTODO HighlightИзменение конфигурации цвета в исходном кодеTodo TreeПосле использования конфигурации:

todo tree

Рекомендуемая конфигурация:

// settings.json
"todo-tree.general.tags": ["TODO:", "FIXME:"],
"todo-tree.highlights.defaultHighlight": {
    "gutterIcon": true
},
"todo-tree.highlights.customHighlight": {
    "TODO:": {
        "foreground": "#fff",
        "background": "#ffbd2a",
        "iconColour": "#ffbd2a"
    },
    "FIXME:": {
        "foreground": "#fff",
        "background": "#f06292",
        "icon": "flame",
        "iconColour": "#f06292"
    }
}

Live Server

Last updated: 2019/4/17

Issues open/close: 332/326

Download: 4.8M

live serverЭто действительно хорошая вещь, она позволяет автоматически обновлять веб-страницу при изменении HTML-кода, главное, чтобы это была веб-страница, размещенная на реальном сервере, а не так, как мы используем браузер для прямого открытия файла.file://Размещение на базе протокола, приближение к реальной производственной среде,file://Протоколы также могут привести к таким проблемам, как междоменные.

На самом деле это расширение не слишком длинное и не обновлялось по времени обновления, в основном потому, что вы на него заходитестраница выпуска на гитхабеНа первый взгляд очень много вопросов связанных с производительностью.Автор этого расширения - парень из Индии.На главной странице рынка расширений он также заявил, что в последнее время был очень занят и ищет кого-нибудь, кто будет поддерживать это проект.

Я просмотрел репозиторий этого автора на github и обнаружил, что он форкliver-serverЭто пакет npm, но этот пакет не будет обновляться в октябре 2018 года. На данный момент я не нашел подходящей замены, и думаю, что читатели, которым она нужна, могут продолжать ею пользоваться. Одна из проблем, с которой я столкнулся, когда я действительно использовал ее, заключалась в том, что консоль показывала несколько бесполезных предупреждений.Хотя это не влияло на использование, на это было неудобно смотреть.

live server

Bracket Pair Colorizer 2

Last updated: 2019/11/29

Issues open/close: 187/38

Download: 779K

Войтистраница проблем на githubПослушайте, куча проблем игнорируется, и, как и многие неподдерживаемые расширения, наиболее распространенная проблема заключается в том, что загрузка ЦП слишком высока. Чувствую, что эту функцию вряд ли интегрируют официально, искал автора в VSCode.issues, их почти 60, но нет никаких проблем, чтобы чиновник рассмотрел возможность интеграции этой функции. В некоторых комментариях меня спрашивали, есть ли хорошие альтернативы этому расширению, на самом деле я не нашел хороших альтернатив, есть аналогичныйRainbow BracketsЕще более ненадежный, он был запущен 9 мая 2016 года и не обновлялся с 12 мая, а в общей сложности поддерживается несколько дней. В настоящее время я использую встроенную строку отступа, которой на самом деле достаточно, и я обнаружил, что, поскольку я не использую этот плагин, цвет кода намного чище.

Еще одно расширение, связанное с отступом строкindent-rainbowГод не ремонтировался.

import-cost

Last updated: 2018/11/30

Issues open/close: 81/57

Download: 581K

import-costдаwixОдно из расширений VSCode в рамках проекта с открытым исходным кодом, другое расширение с относительно большим объемом загрузки —glean,ЯвляетсяReactРасширение рефакторинга. Думаю, когда я впервые попал в VSCode, это было одно из расширений с самой высокой процентной ставкой в ​​то время. Как и в упомянутых выше расширениях, существуют проблемы с высокой загрузкой ЦП, которые больше не поддерживаются.

Output Colorizer

Last updated: 2017/7/6

Issues open/close: 10/13

Download: 240K

Я не осмеливаюсь использовать его до последнего времени обновления, так какissuesКажется, что функция этого расширения не удалась. Если вы просто хотите, чтобы файл журнала имел цветовую подсветку, я не думаю, что вам нужно устанавливать расширение. Кажется, это то, что должна делать тема VSCode. Тема по умолчанию уже поддерживает цветовую подсветку файлов журнала:

log highlight

SVG Viewer

Last updated: 2019//28

Issues open/close: 21/20

Download: 431K

Это расширение было разработано японским братом, проект отказался от поддержки,репозиторий githubВсе опломбировано, и рекомендованы альтернативы, разработанные китайцами:vscode-svg2.

Regex Previewer

Last updated: 2018/4/27

Issues open/close: 23/13

Download: 172K

Рекомендуемые онлайн-инструментыregex101.

vscode-fileheader

Last updated: 2016/8/10

Issues open/close: 19/5

Download: 143K

Это расширение не обновлялось с момента его первого выпуска... Рекомендуемые альтернативы, разработанные китайцами:koroFileHeader.

XML Tools

Last updated: 2019/6/1

Issues open/close: 53/171

Download: 1.7M

отgithub issuesПохоже, что его никто не обслуживает, рекомендуемая замена такого же типа - Red Hat.XML.

Некоторые другие устаревшие расширения

TSLint

Если вы не знали, что tslint устарел в начале прошлого года и теперь интегрируется в ESLint в качестве плагина, вы, вероятно, фальшивый интерфейс.

Beautify

Встроенный форматировщик VSCode должен использоватьjs-beautify, но самым популярным инструментом форматирования во внешнем мире являетсяprettier, рекомендуется установитьprettier, а затем установите VSCode для использованияprettierкак форматер. Точно так же объем загрузки чрезвычайно высокJS-CSS-HTML Formatter, Prettify JSONДругие плагины для форматирования также не рекомендуется устанавливать.

// settings.json
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[yaml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

jshint

Я не видел нескольких проектов с открытым исходным кодом, которые все еще используются.jshint,Рекомендуемое использованиеESLint.

JavaScript (ES6) code snippetsJavaScript (ES6) code snippets

Если вы обычно развиваетеReact, то вы, скорее всего, установилиES7 React/Redux/GraphQL/React-Native snippets, можно сравнитьsnippets, последний в основном переопределяет тот, который предоставляется первымsnippets,Кромеcommonjsоператор импорта, то есть последний неrqrа такжеmdeиз двух фрагментов кода.snippetsСлишком большое количество расширений повлияет на скорость подсказок кода, потому что список завершения, отображаемый каждый раз, относится к соответствующему языку.snippetsФильтруется внутри.

GitHub

Автор этого расширения рекомендует использовать официально разработанный github.GitHub Pull Requestsв качестве замены.

github

IntelliSense for CSS class names in HTML

CSS

HTML CSS Supportа такжеIntelliSense for CSS class names in HTMLЕсть два расширения с почти двумя функциями, я рекомендую первое, потому что в его состав входят основные разработчики VSCode.

Как рекомендовать другим использовать некоторые расширения

Мы можем сделать это в корневом каталоге проекта.vscode/extensions.jsonНастройте некоторые рекомендуемые и устаревшие расширения в файле, выберите в магазине расширенийShow Recommended ExtensionsВы можете увидеть наши рекомендуемые расширения.

// .vscode/extensions.json
{
    "recommendations": [
        "editorconfig.editorconfig",
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode",
        "yutengjing.view-github-repository",
        "yutengjing.open-in-external-app"
    ],
    "unwantedRecommendations": [
        "hookyqr.beautify",
        "ms-vscode.vscode-typescript-tslint-plugin",
        "dbaeumer.jshint"
    ]
}

recommend extensions

наконец

VSCode в последние месяцы выполняет функцию настройки синхронизации, т.е.Settings SyncПредполагается, что это расширение также можно считать удаленным после его официального запуска. Я уже писал статью с рекомендациями расширений VSCode, на тот момент я установил более 100 расширений, а сейчас их почти 50 или около того, и я становлюсь все более и более придирчивым. Я сам написал два простых расширенияView GitHub Repositoryа такжеOpen in External App, а шаблон разработки расширения VSCode был доработан после разработки расширения до:vscode-extension-boilerplate, и заинтересованные читатели могут узнать об этом. Если со статьей что-то не так или у читателя есть какие-либо рекомендации по лучшей альтернативе, укажите это в разделе комментариев.

Наконец, я предлагаю свой основной адрес расширения VSCode:cloudSettings, может соответствоватьSettings Syncиспользовать.

Категории