Что лучше webstorm или visual studio code
WebStorm и VS Code. Что выбрать?
Сразу скажу, нет единого ответа. Все инструменты хороши. Лично я использую оба этих редактора в зависимости от задачи.
Тем не менее в этой статье хочу наглядно показать разницу между WebStorm и VS Code.
Знаете в чем разница?
Редактор кода
Это программа, которая включает в себя набор специализированных инструментов для упрощения и автоматизации разработки.
Например, IDE может включать в себя:
Сравнение WebStorm и VS Code
В WebStorm все доступно «из коробки»
Для меня это очень важный пункт. Когда я работаю с WebStorm, то мне не нужно думать про то, какие плагины и расширения нужно установить. Я просто ставлю программу и у меня идет полный набор функционала по умолчанию.
VS Code мы можем расширять дополнениями, и получать мощный функционал. Но тут нужно четко знать, что установить или провести много времени в поисках.
Анализ кода
Приведу пример с Promise
На скринах ниже мы видим, что WebStorm понимает, что метод возвращает Promise, но мы никак его не обрабатываем. Как следствие можем лучше оптимизировать код или заранее выявлять ошибки. В VS Code такой возможности нет.
WebStorm
VS Code
Инспеция кода
Как один из примеров, WebStorm может заранее понимать, какие методы используются, а какие нет. Тем самым на проектах, где много кода нам это очень сильно может помочь.
WebStorm
VS Code
Локальная история
В WebStorm есть очень крутая фишка, которая позволяет смотреть за локальными изменениями в вашем файле. Мне на проектах это очень помогало не терять части кода. В VS Code такого нет
Безопасный рефакторинг
В WebStorm вы можете находить использование конкретных переменных по всему коду. При необходимости рефакторить их название не руками, а одним кликом. Программа гарантирует вам, что код будет работать, все места где переменная используется будут поменяны, все импорты исправлены. Помимо этого вы так же одновременно можете менять название файлов.
Тестирование и дебаггинг
В WebStorm встроен тест раннер, который позволяет прямо в программе дебажить и тестировать код. В VSCode это возможно только с использованием Chrome Debugger или дополнительными плагинами. Пример в WebStorm
Интеграция системы контроля версий
Есть в обеих программах. Но в WebStorm намного удобней ей пользоваться и это коробочное решение. То есть вам не нужно ничего дополнительно устанавливать, весь функционал уже доступен.
Интеграция Angular CLI
Просто оставлю тут эту гифку. Разработчики ангуляра будут в восторге. Это WebStorm
Скорость
WebStorm написан на Java.
VS Code написан на HTML + CSS + JavaScript (Electron)
В целом VS Code работает быстрее, особенно при загрузке проекта. Но если у вас хороший компьютер, то разница будет незначительной.
А если вы работаете с одним проектом, то разницы практически не будет, после того, как WebStorm проиндексирует ваш проект. Так же стоит учесть, что если установить очень много плагинов под VS Code, то он может проигрывать по скорости.
Стоимость
VS Code бесплатный и на мой взгляд это лучшее бесплатное решение.
WebStorm платная программа. Стоит всего 5.9$ (около 440 рублей) в месяц.
На официальном сайте можно скачать пробную бесплатную версию на 30 дней. А если вы студент, то вы можете получить бесплатно программу на год.
Лично я следую такому алгоритму:
На Youtube я в основном записываю ролики используя VS Code. Причиной тому служит тот факт, что решение бесплатное. Это означает, что бОльшее количество зрителей сможет получить тот же интерфейс, что и у меня на экране.
Так же я использую VS Code для быстрого прототипирования или в качестве вспомогательного редактора.
Для остальных случаев и своих проектов я использую WebStorm. Когда я работаю с большими проектами, то мне удобней сразу находится в мощной инфраструктуре и иметь надежный инструмент в написании кода.
Webstorm vs VS Code 2019?
Простой 1 комментарий
Я бы хотел прекратить платить каждый год за WebStorm и пользоваться бесплатным опенсорсным софтом, но.
P.S. Многие говорят что у VS Code есть плагины, но все почему-то забывают что у WS они тоже есть.
Это как условное Renault и BMW, вроде бы и то, и то машина, но во втором ты садишься и все на своем месте, это совсем другое ощущение.
Вот разница где-то такая, хотя ехать и на VS code можно.
А вот как вспомогательный редактор, VS code божественный!
Простая ошибка не закрыл тег. 
В js, убрал тупо >); и он вообще ничего не подсветил ), хотя WebStorm идет больше для js 
В index,php, ну где css,js,php,html, я добавил два лишних дива закрывающих, и он не показывает ошибки ))) 
Там же в index,php, если поставить в начале тега, пытался везде поставить, то он конец не показывает, в js показывает и в css, а вот в html странице нет, это плохо. 
Типичные проблемы которые у меня были в VS code, а вы говорили что типа лучшая прога ))
Пытался найти настройках где на Русский переключить не нашел.
Программа Русского производства, а Русского языка я так понял нет, почитал об этом ) странно как-то ))
WebStorm vs Visual Studio
Хочу поделиться с сообществом открытой недавно для самого себя новой IDE от JetBrains—WebStorm, оказавшейся просто превосходной, и сравнить ее с Visual Studio в плане редактирования Javascript.
Статья будет короткой, скорее рекламной. Disclaimer—я никакого отношения к JetBrains не имею, но IDE действительно очень хороша; и многим она сильно облегчит жизнь. Ссылка на виновника—вуаля.
Обзор
Подробно описывать все ее достоинства я не собираюсь, благо можно найти их по ссылке.
Основная цель—web-разработка: редактирование css, html, javascript.
Она очень легкая и быстрая. Инсталлятор занимает всего 67 мегабайт, установка—за секунды, при открытии потребляет около 27 мегабайт памяти; при открытии файла jQuery 1.4.1 стала потреблять 80 мегабайт.
Она кроссплатформенная. Что тут еще скажешь?
Она платная, но есть пробный период в 45 дней, стоит 69 долларов для личного использования. Я думаю, что WebStorm стоит того.
Моя основная среда разработки—Misrosoft Visual Studio + Resharper. Так вот, WebStorm для javascript умеет делать все то же, что Reshaprer под Visual Studio для C#, только быстрее. Ну, почти все то же.
В качестве примера я проведу сравнение редактора javascript в Visual Studio и WebStorm.
Visual Studio vs WebStorm
Базовое редактирование текста
Visual Studio безумно плохо справляется с основной задачей IDE—базовым редактированием кода. Она не умеет сворачивать функции, классы, по умолчанию не выводит вертикальных indent lines, не указывает пару при наведении на одну из скобок.
Code Completion, error search
В Visual Studio 2010 есть неплохой Intellisense, но он работает с большими временными задержками, и большую часть синтаксических ошибок не находит, так что все равно приходится пользоваться jsLint.
WebStorm почти мгновенно находит синтаксические ошибки и использование необъявленных переменных или функций (учитывая и другие файлы в директории).
В WebStorm есть code completion, но, правда, почему-то только после того, как вы набираете точку. Это один из немногих недостатков, которые я заметил. Надеюсь, он будет поправлен с предстоящим выходом новой версии. И он, как оказалось, не критичен.
Code navigation
В WebStorm есть удобный code navigation, аналогичный Resharperовскому: при зажатой кнопке ctrl и щелчке левой кнопкой мыши. В Visual Studio ничего похожего нет.
WebStorm умеет переходить к параметрам функции, объявлениям переменных в теле функции, объявлениям переменных в функции-конструкторе, когда вы находитесь в одной из функций прототипа, и даже больше.
Пример (он бессмысленнен, поскольку сокращен; а вообще это плагин к jQuery для перевода через Bing):
Так вот, при навигации к translateUrl в методе handleClick (строчка 9) WebStorm отправит нас к объекту TranslationManager.prototype.defaults (хотя в этом методе используется сформированный на строчке 20 другой объект). По-моему, это просто отлично!
Find usages
Умеет искать использования по проекту. Если в примере выше искать использования по функции конструктору, то выведет вот что:
Visual Studio, как водится, не умеет.
Refactoring
Умеет переименовывать переменные так, чтобы имя менялось во всех использованиях.
Visual Studio… и так понятно.
Code Structure
Есть окно для структуры класса. Например, вот:
Visual Studio… на лопатках, вроде. Что бы Scott Gu не писал когда-то в своем блоге, что у VS 2010 лучший редактор javascript.
Side Panels
Я не научился заставлять боковые панельки в WebStorm выезжать/скрываться автоматически, как в Visual Studio, это их недостаток. Но и с открытыми можно прожить.
Некоторые другие аспекты
Code completion в WebStorm browser-specific, то есть указывает, какие dom-методы поддерживаются какими браузерами.
На сайте JetBrains указано, что можно подключить документацию для популярных библиотек типа jQuery. Но я не пытался, поскольку все методы для объекта jQuery WebStorm и так видит, если файл jQuery расположен в директории с редактируемым файлом.
Заключение
Web Storm определенно намного превосходит Visual Studio в качестве редактора яваскрипта. Равно как и css, и html (это рекомендуется проверить самим).
Webstorm vs VS Code 2019?
Простой 1 комментарий
Я бы хотел прекратить платить каждый год за WebStorm и пользоваться бесплатным опенсорсным софтом, но.
P.S. Многие говорят что у VS Code есть плагины, но все почему-то забывают что у WS они тоже есть.
Это как условное Renault и BMW, вроде бы и то, и то машина, но во втором ты садишься и все на своем месте, это совсем другое ощущение.
Вот разница где-то такая, хотя ехать и на VS code можно.
А вот как вспомогательный редактор, VS code божественный!
Простая ошибка не закрыл тег.
В js, убрал тупо >); и он вообще ничего не подсветил ), хотя WebStorm идет больше для js
В index,php, ну где css,js,php,html, я добавил два лишних дива закрывающих, и он не показывает ошибки )))
Там же в index,php, если поставить в начале тега, пытался везде поставить, то он конец не показывает, в js показывает и в css, а вот в html странице нет, это плохо.
Типичные проблемы которые у меня были в VS code, а вы говорили что типа лучшая прога ))
Пытался найти настройках где на Русский переключить не нашел.
Программа Русского производства, а Русского языка я так понял нет, почитал об этом ) странно как-то ))
vscode VS webstorm
02 May 2019 в 05:56
02 May 2019 в 05:56 #1
Кто чем пользуется в вебе? Я так понял вскод это все таки не полноценная ide и нубо-лвл
02 May 2019 в 06:00 #2
Да, vscode просто редактор, webstorm полноценная ide. Советую webstorm.
02 May 2019 в 07:58 #3
02 May 2019 в 10:58 #4
Юзаю webstorm / idea, смотря чем пользуются в компании где я работаю.
Очень привык к продуктам от jetbrains.
P. S vscode это же редактор, если уж сравнивать то с майкросовтоской ide, а так юзай то что удобнее
02 May 2019 в 11:45 #5
Юзаю webstorm / idea, смотря чем пользуются в компании где я работаю.
Очень привык к продуктам от jetbrains.
P. S vscode это же редактор, если уж сравнивать то с майкросовтоской ide, а так юзай то что удобнее
Та просто уже бомбит что itellisense плохо работает. Элементарно пишу переменная.getBoundingClientRect() и после точки он не предлагает мне этот метод
02 May 2019 в 11:52 #6
Кто чем пользуется в вебе? Я так понял вскод это все таки не полноценная ide и нубо-лвл
02 May 2019 в 11:58 #7
Кто чем пользуется в вебе? Я так понял вскод это все таки не полноценная ide и нубо-лвл
02 May 2019 в 11:59 #8
02 May 2019 в 22:49 #9
vscode чисто для фронта, если бэк на другой IDE.
да и vscode супербыстро грузит, а webstorm будет час тебе подгружать проэкт, а потом еще час его индексировать
03 May 2019 в 04:50 #10
webstorm для фулл проэкта.
vscode чисто для фронта, если бэк на другой IDE.
да и vscode супербыстро грузит, а webstorm будет час тебе подгружать проэкт, а потом еще час его индексировать
Ну вс быстрее грузит чем веб, но я бы не сказал что быстро. Хотя он стоит на ссд. Слышал саблайм очень быстрый
03 May 2019 в 05:00 #11
03 May 2019 в 14:51 #12
Ну вс быстрее грузит чем веб, но я бы не сказал что быстро. Хотя он стоит на ссд. Слышал саблайм очень быстрый
не пользовался, это вроде для пхпшников(бомжей), тоесть смысла от такого иде мало, когда на vscode можно установить плагин даже для c#/java
05 May 2019 в 14:18 #13
Кто чем пользуется в вебе? Я так понял вскод это все таки не полноценная ide и нубо-лвл
05 May 2019 в 14:43 #14
Но я уже и сам читал о различиях
05 May 2019 в 16:21 #15
почти никакого, ставишь все нужные плагины и готово, компилишь в терминале.
офк вебшторм лучше, так как там все готово и больше возможностей, но я говорил про фронт.
такие иде как вебшторм нужны для компиляции и сборки проектов, как интеллидж
20 Dec 2020 в 15:11 #16
20 Dec 2020 в 15:16 #17
Пользуюсь vscode, но если ты xXx_m3ga-c0deR_420 то лучше webstom. 100% свичнусь на него в последствии.
20 Dec 2020 в 15:19 #18
Пользуюсь vscode, но если ты xXx_m3ga-c0deR_420 то лучше webstom. 100% свичнусь на него в последствии.
Мне подогнали фри подписку на год, вроде подогнал под себя, изучаю все тонкости иде. Понимаю что это реальный комбайн, но в целом хорош.
21 Dec 2020 в 00:25 #19
У меня подписка студенческая(бесплатно дали) на все от JetBrains пользуюсь их продукцией и норм.
21 Dec 2020 в 00:31 #20
у нас вся тима (у челов 1к+ звезд на гитхабе если че) сидит на vs code, с плагинами она уже ide будет и подходит для больших проектов, есть фича воркспейсов
я с корешами на вебшторме сижу на олдычах, все знакомо и куча фич из коробки (ну и подписка у меня за 35 всего)
надо посидеть и на том и на том месяцок минимум, разобраться со всеми плагинами и фичами от рефакторинга до дебага и гита, и потом уже выбирать