Π Π°Π·Π½ΠΎΠ΅

Javascript срСда программирования: 6 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JavaScript

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

5 Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π° для JavaScript | GeekBrains

ΠœΠ°ΠΊΡΠΈΠΌΡƒΠΌ ΠΊΠΎΠ΄Π° ΠΈ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ ошибок.

https://d2xzmw6cctk25h.cloudfront.net/post/1130/og_cover_image/7ce07eac43cf4d7ac0fa350036eab180

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°Β β€” ΠΏΠΎΠ΄Ρ€ΡƒΡ‡Π½Ρ‹ΠΉ инструмСнт ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ программиста. Π˜Β ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΠΎΠ΄ сСбя: ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Ρ†Π΅Π½ΠΈΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ, для ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π³Π»Π°Π²Π½ΠΎΠ΅Β β€” Π΄ΠΈΠ·Π°ΠΉΠ½ и удобство. ΠšΠΎΠΌΡƒ-Ρ‚ΠΎ Π΄Π°ΠΆΠ΅ нравится ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π²Β Notepad, но это всё Ρ€Π°Π²Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΄ΠΎΠΌ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΌΠΎΠ»ΠΎΡ‚ΠΊΠ°.

JavaScriptΒ β€” ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΈΒ ΠΊΠ°ΠΏΡ€ΠΈΠ·Π½Ρ‹ΠΉ язык. Π‘Β ΠΎΠ΄Π½ΠΎΠΉ стороны, мноТСство Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² ΠΈΒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, с другой — нС самый простой синтаксис и опасности, связанныС с «динамикой». ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ним Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ обСспСчит Π²Π°ΠΌ чистоту ΠΊΠΎΠ΄Π°, Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ ошибок ΠΈΒ ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΠ΅ ΠΎΡ‚Β Ρ€Π°Π±ΠΎΡ‚Ρ‹. На выбор ΠΎΠ΄Π½ΠΎΠ³ΠΎ из сотСн ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚Π΅ ΡƒΠΉΠΌΡƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, поэтому ΠΌΡ‹Β ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π»ΠΈ Ρ‡Π°ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ за вас. Π’ΠΎΡ‚ 5 Π»ΡƒΡ‡ΡˆΠΈΡ….

WebStorm ΠΎΡ‚Β JetBrains прСкрасСн Π²Β ΠΎΠ±ΠΎΠΈΡ… своих проявлСниях: ΠΊΠ°ΠΊ IDE ΠΎΠ½Β ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с систСмами контроля вСрсий, позволяСт ΡƒΠ΄Π°Π»Ρ‘Π½Π½ΠΎ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ ΠΊΠΎΠ΄, ΠΊΠ°ΠΊ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Β β€” стандартныС удобства, Π²Ρ€ΠΎΠ΄Π΅ подсвСтки синтаксиса, Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π°:

  • LiveEditΒ β€” просмотр внСсённых Π²Β ΠΊΠΎΠ΄ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π±Π΅Π· нСобходимости Π΅Π³ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ;
  • взаимодСйствиС с Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€Β React, Angular, Meteor;
  • большС сотни встроСнных тСстов для обнаруТСния ошибок;
  • ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ с Mocha, Protractor, Jest, Karma для ΡŽΠ½ΠΈΡ‚-тСстов;
  • ΠΏΠΎΠ»Π½ΠΎΠΌΠ°ΡΡˆΡ‚Π°Π±Π½Ρ‹ΠΉ Π΄Π΅Π±Π°Π³Π³Π΅Ρ€ для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΊΠΎΠ΄Π° на сСрвСрной и клиСнтской сторонах;
  • навигация для ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с нСсколькими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ;
  • Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅Β ΠΊΠΎΠ΄Π°, подсвСтка синтаксиса.

НСдостатки:

  • стоит 129Β $ Π·Π°Β ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π³ΠΎΠ΄ Ρ€Π°Π±ΠΎΡ‚Ρ‹;
  • для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ΄Π΅Ρ€ΠΎΠ² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π΅Π½.

ΠžΡ‚Π²Π΅Ρ‚Π²Π»Π΅Π½ΠΈΠ΅ IDE Visual Studio, Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½ΠΎΠ΅ Π½Π°Β Ρ€Π°Π±ΠΎΡ‚Ρƒ с кодом. ΠžΠ½Β ΠΏΡ€ΠΎΡΡ‚ для освоСния, ΡƒΠ΄ΠΎΠ±Π΅Π½ в использовании, ΠΈΒ ΠΏΡ€ΠΈ этом Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π΅Π½.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π°:

  • контСкстноС Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ синтаксиса, Ρ‚Π°ΠΊ ΠΈΒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…, ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈΒ Ρ‚.Β Π΄.;
  • Π΄Π΅Π±Π°Π³Π³Π΅Ρ€ с точками останова, стСком Π²Ρ‹Π·ΠΎΠ²ΠΎΠ², ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ консолью;
  • ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° сниппСтов и шаблонов;
  • интСграция с Git;
  • ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ и простой интСрфСйс;
  • бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

НСдостатки:

  • ΠΌΠ°Π»ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².

Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΈΒ ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΉ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ кроссплатформСнный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, с настраиваСмым интСрфСйсом ΠΈΒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Ρ‚ΡŒ Ρ‚Ρ€ΠΈΠ²ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ дСйствия ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ горячих клавиш.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π°:

  • горячиС клавиши;
  • навигация ΠΏΠΎΒ ΠΊΠΎΠ΄Ρƒ Π²Β Π²ΠΈΠ΄Π΅ ΠΌΠΈΠ½ΠΈ-ΠΊΠ°Ρ€Ρ‚Ρ‹;
  • Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ;
  • ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° сниппСтов;
  • подсвСтка, Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… и синтаксиса;
  • мноТСствСнная ΠΏΡ€Π°Π²ΠΊΠ° благодаря использованию ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ΠΉ;
  • ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° систСм сборки;
  • ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° синтаксиса прямо во врСмя Π²Π²ΠΎΠ΄Π°;
  • ΠΊΡƒΡ‡Π° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²;
  • автосохранСниС.

НСдостатки:

  • полная вСрсия стоит 70Β $;
  • отсутствиС Π°Π½Π°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€Π° ΠΊΠΎΠ΄Π° для расстановки ссылок.

Β 

Появившийся Π²Β 2015 Π³ΠΎΠ΄Ρƒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΎΡ‚Β Git, ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Sublime Text ΠΈΒ ΠΎΠ±Ρ‘Ρ€Π½ΡƒΡ‚Ρ‹ΠΉ Π²Β Chromium.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π°:

  • Π±ΠΎΠ»Π΅Π΅ 50 ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ;
  • ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ и приятный интСрфСйс;
  • бСсплатный;
  • Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ и подсвСтка ΠΊΠΎΠ΄Π°;
  • ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΡƒΠΆΠ΅ Π±ΠΎΠ»Π΅Π΅ 3,5 тысяч;
  • Π³ΠΈΠ±ΠΊΠΈΠ΅ настройки Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², Ρ‚Π΅ΠΌ интСрфСйса;
  • Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ и навигация ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ горячих клавиш.

НСдостатки:

  • нСвысокая ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ;
  • пустая комплСктация «из коробки».

Π’Β 2014 Π³ΠΎΠ΄Ρƒ Brackets ΠΎΡ‚ΠΏΡƒΠ³Π½ΡƒΠ» программистов Π±Π°Π³Π°ΠΌΠΈ ΠΈΒ Π½Π΅Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ°ΠΌΠΈ, Π½ΠΎΒ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ постСпСнно Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅ Π½ΠΎΠ²Ρ‹ΠΌ качСствСнным Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π°:

  • богатая комплСктация «из коробки»;
  • Ρ€Π΅ΠΆΠΈΠΌ Live PreviewΒ β€” ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΏΡ€Π°Π²ΠΎΠΊ Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π²Β Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ;
  • ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ²;
  • ΠΏΠΎΠΊΠ°Π· Π²Β ΠΊΠΎΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΒ Ρ†Π²Π΅Ρ‚ΠΎΠ²;
  • Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ и подсвСтка синтаксиса;
  • Π°Π½Π°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°;
  • бСсплатный.

НСдостатки:

  • строгая ориСнтация Π½Π°Β Π²Π΅Π± ΠΈΒ HTML+CSS+JavaScript;
  • ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠ΅ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅;
  • Π½ΠΈΠ·ΠΊΠΎΠ΅ быстродСйствиС ΠΈΠ·-Π·Π° Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ прСдпросмотра.

БСсплатныС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π° для JavaScript

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ΄ Π½Π° JavaScript ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² любом тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ Ρ‚Π°ΠΊ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚. Для ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ (Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°). Они ΠΈΠΌΠ΅ΡŽΡ‚ подсвСтку синтаксиса, Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‚ процСсс Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΊΠΎΠ΄Π° Π½Π° JavaScript.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим 3 Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΊΠΎΠ΄Π°. ВсС ΠΎΠ½ΠΈ доступны для скачивания бСсплатно ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ вСрсии для всСх популярных ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм (Windows, Mac OS X, Linux).

ЗабСгая Π²ΠΏΠ΅Ρ€Π΅Π΄ скаТу, Ρ‡Ρ‚ΠΎ срСди Π½ΠΈΡ… практичСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠΉ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ практичСски ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ инструмСнтов для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ повлияСт Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΈ качСство написания ΠΊΠΎΠ΄Π° Π½Π° JavaScript.

Visual Studio Code

https://code.visualstudio.com/

VSCode Π² этом спискС самый ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠΉ ΠΈ самый быстро Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉΡΡ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°. Он быстро снискал ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ срСди Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… самыС Ρ€Π°Π·Π½Ρ‹Π΅ языки программирования.

ΠŸΡ€ΠΈΡΡ‚Π½Ρ‹ΠΉ интСрфСйс, ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ большого количСства ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² доступных для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, быстро сдСлали этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° «Π»ΡŽΠ±ΠΈΠΌΡ‡ΠΈΠΊΠΎΠΌ» Π² срСдС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π‘Ρ‚ΠΎΠΈΡ‚ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ Visual Studio Code разрабатываСтся ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Microsoft.

Atom

https://atom.io

ΠžΡ‡Π΅Π½ΡŒ популярный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΎΡ‚ создатСлСй сСрвиса контроля вСрсий https://github.com. ВсС Ρ‡Ρ‚ΠΎ Π±Ρ‹Π»ΠΎ скачано ΠΏΡ€ΠΎ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, справСдливо ΠΈ для Atom. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°, ΠΎΡ‡Π΅Π½ΡŒ быстрый, ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… настроСк, Ρ‡Ρ‚ΠΎ позволяСт ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π΅Ρ‰Π΅ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ для вас.

Sublime Text 3

https://www.sublimetext.com/3

Π’ Π½Π΅Π΄Π°Π»Π΅ΠΊΠΎΠΌ ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ, этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π±Ρ‹Π» Π½Π°Π²Π΅Ρ€Π½ΠΎ самым популярным Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠ΄Π° для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±Ρ‚ΠΎΠΊΠΈ ΠΈ программирования Π½Π° JavaScript. ПозТС, Π΅Π³ΠΎ ΠΏΠΎΠ΄Π²ΠΈΠ½ΡƒΠ»ΠΈ «Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ» Π²Ρ€ΠΎΠ΄Π΅ Atom ΠΈ VSCode. Однако ΠΈ сСйчас Sublime Text 3 ΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ срСди программистов. Π’ сСти Π΅ΡΡ‚ΡŒ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство статСй ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΡ… процСсс ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ настройки Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΠΎΠ΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Π½Π° самых Ρ€Π°Π·Π½Ρ‹Ρ… языках программирования.

Однако Π΅ΡΡ‚ΡŒ Ρƒ Sublime Text ΠΈ ΠΎΠ΄ΠΈΠ½ большой нСдостаток — ΠΎΠ½ условно бСсплатный. Π’.Π΅. Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠΈ мСсяца, послС Ρ‡Π΅Π³ΠΎ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ ΠΈ сохранСнии Ρ„Π°ΠΉΠ»ΠΎΠ², пСриодичСски, Π±ΡƒΠ΄Π΅Ρ‚ Π²ΡΠΏΠ»Ρ‹Π²Π°Ρ‚ΡŒ окошко, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ приобрСсти Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎ ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½ΠΎ навязчивоС Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ быстро Π½Π°Π΄ΠΎΠ΅Π΄Π°Π΅Ρ‚. ИмСнно поэтому, ΠΊΠ°ΠΊ Π½Π°ΠΌ каТСтся, Ρ‚Π°ΠΊΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠ°ΠΊ Atom ΠΈ VSCode стали Ρ‚Π°ΠΊ популярны — Ρƒ Π½ΠΈΡ… Π½Π΅Ρ‚ этого нСдостатка, ΠΎΠ½ΠΈ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ бСсплатны.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°

На самом Π΄Π΅Π»Π΅, Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, ΠΌΡ‹ рассмотрСли лишь 3 Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ популярных. Из Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… внимания бСсплатных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Brackets (http://brackets.io/) ΠΈ Notepad++ (https://notepad-plus-plus.org/).

Π‘Ρ€Π΅Π΄Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (IDE) для JavaScript

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΈ ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ прСдоставляСт большС возмоТностСй для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ. НапримСр ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° «ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ» большого количСства фрэймворков ΠΈ Ρ€Π°Π±ΠΎΡ‚Π° с SQL ΠΈ NoSQL Π±Π°Π·Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ… прямо ΠΈΠ· IDE.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ WebStorm ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ JetBrains.

https://www.jetbrains.com/webstorm/

WebStorm это платная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, которая своими возмоТностями прСвосходит всС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π°. Π—Π° Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρƒ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ просто ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹, скорСС всСго, Π΄Π°ΠΆΠ΅ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

На сайтС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ с мСсячным тСстовым ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ΠΎΠΌ. ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ΡΡ Ρ‡Ρ‚ΠΎ Π·Π° это врСмя Π²Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚Π΅ — ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎΠ½Π° Π²Π°ΠΌ ΠΈΠ»ΠΈ Π½Π΅Ρ‚.

Но Π΅ΡΡ‚ΡŒ Ρƒ этой IDE ΠΈ ΠΎΠ΄ΠΈΠ½ минус — ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° слабых ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…. Π­Ρ‚ΠΎ ΠΏΠ»Π°Ρ‚Π° Π·Π° Ρ‚ΠΎΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ доступСн Π² WebStorm.

Π›ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π° ΠΈ IDE для JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ
Β«The Most Important JavaScript Code EditorsΒ».

JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ доступСн ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ
ассортимСнт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π°, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ…
Π±ΠΎΠ»Π΅Π΅ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΈ ΠΏΡ€ΠΈΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ.
ΠŸΡ€ΠΈ этом Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ
Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π», Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅, Π΅ΡΡ‚ΡŒ Π²ΠΎ всСх
самых популярных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… (ΠΊ Ρ‚Π°ΠΊΠΎΠΌΡƒ
Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Ρƒ ΠΌΠΎΠΆΠ½ΠΎ отнСсти подсвСтку ΠΈ
Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ git,
ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²). И, Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ρƒ
Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π΅ΡΡ‚ΡŒ свой
Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ…
ΠΊΠ°ΠΊΠΈΠΌΠΈ-Ρ‚ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠΌΠΈ, Π½ΠΎ Π²Π°ΠΆΠ½Ρ‹ΠΌΠΈ
дСталями.

Когда Π²Ρ‹ ΠΎΡΠ²ΠΎΠΈΡ‚Π΅ΡΡŒ Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅
ΠΈ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅
эффСктивно, Π²Π°ΠΌ станСт Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ
Π΅Π³ΠΎ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Для Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°
приходится, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π·Π°Π½ΠΎΠ²ΠΎ ΡƒΡ‡ΠΈΡ‚ΡŒ
сочСтания клавиш, Π° это Π½Π΅ слишком
приятно. И Π΄Π°ΠΆΠ΅ Ссли смСна Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π²
долгосрочной пСрспСктивС Π±ΡƒΠ΄Π΅Ρ‚
ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ большСй эффСктивности,
всС Ρ€Π°Π²Π½ΠΎ это нСпросто. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ стоит
сразу ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ ΠΏΠΎΠ΄ΠΎΠΉΡ‚ΠΈ
ΠΊ вопросу Π²Ρ‹Π±ΠΎΡ€Π° своСго ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°
ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ. Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ
это Π»ΡƒΡ‡ΡˆΠ΅Π΅ ПО для удовлСтворСния Π²Π°ΡˆΠΈΡ…
Π½ΡƒΠΆΠ΄.

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим самыС популярныС
Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π° для
JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Visual
Studio Code

VSCode это бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° ΠΎΡ‚
Microsoft. Он ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΉ исходный ΠΊΠΎΠ΄ ΠΈ
лСгковСсСн ΠΏΡ€ΠΈ установкС. VSCode ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ
ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…
JavaScript-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΌΠ΅Π΅Ρ‚
Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ»,
Π±Π΅Π· нСобходимости ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ
Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹. Но этот Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€
популярСн Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ срСди Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…
программистов. Он ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ
Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Ρ…
ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ просто
быстро ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅, Π½Π΅ тратя
лишнСС врСмя Π½Π° настройки.

Уникальная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ VSCode β€” Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ
ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π’Π°ΠΊΠΈΠΌ
ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ
Π½Π° ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅ ΠΈ ΠΏΡ€ΠΈ этом ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΠΆΠ΅
срСду, ΠΊ ΠΊΠ°ΠΊΠΎΠΉ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ Π² дСсктопной
вСрсии. Π§Ρ‚ΠΎΠ±Ρ‹ этот Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Π»,
Π½ΡƒΠΆΠ½ΠΎ Π΅Ρ‰Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ code-server
Π² сСти, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ ΠΈΠΌΠ΅Π΅Ρ‚Π΅ доступ, Π½ΠΎ
Π²ΠΎΠ·ΠΈΡ‚ΡŒΡΡ с настройками придСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ
Π΅Π΄ΠΈΠ½ΠΎΠΆΠ΄Ρ‹, ΠΈ ΠΎΠ½ΠΎ Ρ‚ΠΎΠ³ΠΎ стоит.

Git здСсь встроСн Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π½ΠΎ интСграция
Π½Π΅ такая надСТная, ΠΊΠ°ΠΊ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ…
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…. НапримСр, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ
WebStorm ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ push/merge, Π°
Π½Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ VSCode.

ΠŸΡ€ΠΈ нСобходимости Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ
мноТСство Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΈΡ‡ Π² качСствС
Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ. Но Π½Π΅ всС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ
ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ„ΠΈΡ‡Π°ΠΌΠΈ. Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ ΠΈ сниппСты
ΠΊΠΎΠ΄Π°, ΠΈ Ρ€Π°Π·Π½Ρ‹Π΅ дополнСния, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹Π±ΠΎΡ€
ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π²Π΅Ρ‰Π΅ΠΉ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅
врСмя.

Если Ρƒ вас Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ‚ какая-Π½ΠΈΠ±ΡƒΠ΄ΡŒ
ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с использованиСм VSCode β€” Π½Π΅
Π±Π΅Π΄Π°: Ρƒ этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅
сообщСство ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΡ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ
ΠΈΠ· Π½ΠΈΡ… навСрняка сталкивался с Ρ‡Π΅ΠΌ-Ρ‚ΠΎ
ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π» Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

Если Π²Ρ‹ Π½Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ Ρ€Π°ΡΠΊΠΎΡˆΠ΅Π»ΠΈΡ‚ΡŒΡΡ Π½Π°
ΠΏΠΎΠ»Π½ΠΎΠΌΠ°ΡΡˆΡ‚Π°Π±Π½ΡƒΡŽ IDE ΠΈ Π½Π΅ слишком Ρ…ΠΎΡ€ΠΎΡˆΠΎ
Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²Π°ΠΌ
ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ, Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌ
Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π² качСствС ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΠΎΠΉ
Ρ‚ΠΎΡ‡ΠΊΠΈ VSCode.

Atom

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ бСсплатный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°,
Atom, Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ GitHub. Π­Ρ‚ΠΎ, собствСнно,
спСциализированная вСрсия Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°
chromium, конвСртированная Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°.
Под ΠΊΠ°ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΠ½ для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²
ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Node.js.

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Atom Β«ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈΒ» Π½Π΅ Ρ‚Π°ΠΊ ΡƒΠΆ
силСн, Π½ΠΎ Π²Π°ΠΌ доступно ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство
ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², благодаря ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΌΠΎΠΆΠ½ΠΎ
ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ любой ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ
Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π». Боздавая для сСбя ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΡƒΡŽ
срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π²Ρ‹ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ собСрСтС
довольно большой Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ².
Π§Ρ‚ΠΎ касаСтся Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JavaScript, стоит, для
Π½Π°Ρ‡Π°Π»Π°, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅:

  • atom-typescript,
  • file-icons β€” для расцвСчивания ΠΈ
    назначСния Π·Π½Π°Ρ‡ΠΊΠΎΠ² для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ²
    Ρ„Π°ΠΉΠ»ΠΎΠ²,
  • atom-beautify,
  • linter.

Π‘ΠΎΠ²Π΅Ρ‚: Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΏΠ°ΠΊΠ΅Ρ‚ автосохранСния,
Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ сохранял написанный
ΠΊΠΎΠ΄, ΠΊΠΎΠ³Π΄Π° ΠΎΠΊΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° оказываСтся
Π½Π΅ Π² фокусС. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ эта функция
Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π°.

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° teletype Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ
Ρ„Π°ΠΉΠ»ΠΎΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ нСсколько Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ
ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚
нСсколько курсоров Π½Π° экранС. Π­Ρ‚ΠΎΡ‚
Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для
наставничСства, ΠΏΠ°Ρ€Π½ΠΎΠ³ΠΎ программирования
ΠΈΠ»ΠΈ просто совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π­Ρ‚ΠΎ ΠΎΠ΄Π½Π°
ΠΈΠ· Ρ‚Π΅Ρ… особСнностСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚
Atom Π½Π° ΠΎΠ±Ρ‰Π΅ΠΌ Ρ„ΠΎΠ½Π΅.

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ git Π² Atom Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ…ΠΎΡ€ΠΎΡˆΠΎ
(Π±Ρ‹Π»ΠΎ Π±Ρ‹ странно ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ ΠΈΠ½ΠΎΠ³ΠΎ ΠΎΡ‚ ПО,
Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ³ΠΎ GitHub). Π’Π°ΠΊΠΆΠ΅ Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚
ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ git-plus, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ
Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ сокращСний
клавиш, Π±Π΅Π· использования Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π°
git.

Atom Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ настраиваСмый, Ρ‡Ρ‚ΠΎ Π²Ρ‹
ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π°ΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» .less,
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ приятныС для
сСбя Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΎ сущСствСнный плюс для
Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π»ΡŽΠ±ΠΈΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ Π΄Π΅Ρ‚Π°Π»ΡŒ
своСго окруТСния.

Π‘ΠΊΡ€ΠΈΠΏΡ‚ .coffe, запускаСмый ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅,
позволяСт быстро ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ собствСнныС
ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π½Π° JavaScript β€” это Π²Π°ΠΆΠ½ΠΎ Π½Π° случай,
Ссли Π²Π°ΠΌ понадобится Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ совсСм
особСнноС.

Π Π°Π±ΠΎΡ‚Π° ΠΏΠΎ написанию ΠΊΠΎΠ΄Π° Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅
Atom ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ достаточно ΠΏΠ»Π°Π²Π½ΠΎ. Π­Ρ‚ΠΎΡ‚
ΠΎΠΏΡ‹Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ
ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, minimap. Но Ρ‡Ρ‚ΠΎΠ±Ρ‹
ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ вСсь Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»
Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠ°ΠΊ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Π°ΠΌ,
ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΉΡ‚ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, Ρƒ
Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° Π΅ΡΡ‚ΡŒ ΠΈ прСимущСство: Π²
Atom Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Ρ… Π²Π°ΠΌ Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅
замСдляли Π±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Π§Ρ‚ΠΎ касаСтся замСдлСния β€” Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅
ΠΎΡ‰ΡƒΡ‰Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠ΅Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ²
ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΌΠ½Π΅ Π½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ идСя рСдактирования
CSS-стилСй Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈΠ»ΠΈ ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅
наличия Ρ‚Π°ΠΊΠΎΠΉ возмоТности Π½Π° случай,
Ссли я ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ Π·Π°Ρ…ΠΎΡ‡Ρƒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ
собствСнныС Ρ‚Π΅ΠΌΡ‹. Π—Π²ΡƒΡ‡ΠΈΡ‚ ΠΊΡ€ΡƒΡ‚ΠΎ, Π½ΠΎ Π½Π°
ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ созданиС Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅ΠΌ это
Π½Π΅Ρ‚Ρ€ΠΈΠ²ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ процСсс. К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Π΅ΡΡ‚ΡŒ
ΠΌΠ½ΠΎΠ³ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π½Π° Π²Ρ‹Π±ΠΎΡ€. Π˜Ρ…
ΠΌΠΎΠΆΠ½ΠΎ просто ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ.

Atom это Π΄ΠΎΠ±Ρ€ΠΎΡ‚Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚
ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Sublime
Text

Sublime Text это ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ с бСсплатным
ΠΏΡ€ΠΎΠ±Π½Ρ‹ΠΌ ΠΏΠ΅Ρ€ΠΈΠΎΠ΄ΠΎΠΌ. Π’ Π½Π΅ΠΌ Π½Π΅Ρ‚ большого
количСства прСдустановлСнных ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ²,
Π½ΠΎ Π²ΠΎΠΎΠ±Ρ‰Π΅ эти ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ Π΅ΡΡ‚ΡŒ, Π²ΠΎ всСм ΠΈΡ…
Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΠΈ, для всяких Π½ΡƒΠΆΠ΄. НСкоторыС
ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ SideBarEnhancements (ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ
ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ, ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ
ΠΈ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈ ΠΏΠ°ΠΏΠΊΠΈ), ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ,
Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ встроСны Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π½ΠΎ Π²Ρ‹
ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡ… ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ.

Как ΠΈ Π² случаС с Atom, Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΡƒΡŽ
настройку этого Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΌΠΎΠΆΠ΅Ρ‚
ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ врСмя. Но ΠΊΠΎΠ³Π΄Π°
всС настроСно, всС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π· сучка,
Π±Π΅Π· Π·Π°Π΄ΠΎΡ€ΠΈΠ½ΠΊΠΈ.

Π—Π΄Π΅ΡΡŒ Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ функция сохранСния
ΠΏΡ€ΠΈ ΠΏΠΎΡ‚Π΅Ρ€Π΅ фокуса.

Sublime Text это лСгковСсный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€,
благодаря Ρ‡Π΅ΠΌΡƒ ΠΎΠ½ ΠΎΡ‡Π΅Π½ΡŒ быстр ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚
Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с большими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΈ ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹ΠΌΠΈ
Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Π° функция Sublime Text Β«goto
anythingΒ», которая ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ для
быстрого ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ, символам,
Π½ΠΎΠΌΠ΅Ρ€Π°ΠΌ строк. ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π²
Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ Π΅ΡΡ‚ΡŒ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ², Π½ΠΎ здСсь ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ
Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, составляя Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅
запросы, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Β«fileName@functionNameΒ»,
Π° это Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ.

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ распространяСтся
Π½Π° всС экзСмпляры этой ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ, Π° Π΅Π΅
ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅
всСх ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… с этим ΠΈΠΌΠ΅Π½Π΅ΠΌ. ΠŸΠΎΡ‚Ρ€Π΅Π±Π½ΠΎΡΡ‚ΡŒ
Π² Ρ‚Π°ΠΊΠΎΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ довольно
часто, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚
ΠΎΠΏΡ‹Ρ‚ использования Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

Sublime Text Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Atom, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ прСимущСство ΠΏΠΎ части ΠΎΠ±Ρ‰Π΅ΠΉ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈ отзывчивости, Π° это прСкрасно.

VIM

Vim это бСсплатный ΠΈ ΠΎΡ‡Π΅Π½ΡŒ настраиваСмый
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°. Π­Ρ‚ΠΎ Π±Ρ‹Π» ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ тСкстовый
Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для Unix, ΠΈ
назывался ΠΎΠ½ vi. ПозТС Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»
Π±Ρ‹Π» Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ β€” Ρ‚Π°ΠΊ появился
Vim. Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ доступСн Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅
дистрибутивов Linux.

Vim ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ поиска ΠΈ подсвСтки синтаксиса, Π° Π΅Ρ‰Π΅ ΠΎΠ½ супСрлСгкий, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒΡΡ Π΄Π°ΠΆΠ΅ с ΠΎΡ‡Π΅Π½ΡŒ большими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ. Волько Π²ΠΎΡ‚ Π½Π° настройку ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ ΠΊ Ρ€Π°Π±ΠΎΡ‚Π΅ потрСбуСтся Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя.

Π­Ρ‚ΠΎΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΈ графичСский
интСрфСйс, Π½ΠΎ Π½Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°ΠΆΠ΅
Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΌΡ‹ΡˆΠΈ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚
ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… манипуляций. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
Vim управляСтся ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ ΠΈ
сочСтаний клавиш.

Vim ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, Ссли Π²Ρ‹ настроитС Π΅Π³ΠΎ ΠΏΠΎΠ΄ свои Π½ΡƒΠΆΠ΄Ρ‹, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ Π΅Π³ΠΎ вдоль ΠΈ ΠΏΠΎΠΏΠ΅Ρ€Π΅ΠΊ. Но Ссли врСмя ΠΏΠΎΠ΄ΠΆΠΈΠΌΠ°Π΅Ρ‚, это, вСроятно, Π½Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€.

WebStorm

WebStorm выдСляСтся ΠΈΠ· ΠΎΠ±Ρ‰Π΅Π³ΠΎ списка,
ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ это ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ
интСгрированная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ для
JavaScript. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ этой IDE β€” JetBrains.

Π­Ρ‚Π° срСда ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ…
ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ React, Angular, Vue.js ΠΈ Ρ‚.Β Π΄.
Π‘ Π΅Π΅ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΠΎΡ‚Π»Π°Π΄ΠΊΠΎΠΉ
node-скриптов ΠΈ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ тСсты Π½Π°
встроСнном сСрвСрС. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ
ΠΈ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ npm-скрипты (ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ
Π΄Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½ΠΎΠ³ΠΎ интСрфСйса). И для всСго
этого Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ Π½ΠΈΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹.

Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ доступны для
Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±ΠΎΠ»Π΅Π΅ спСцифичСских Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ,
Π½Π΅ встроСнных Π² саму IDE. Но Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅
случаСв всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ,
Π² IDE ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ. Π‘Π°ΠΌΠΎΠ΅ приятноС Π² этом Ρ‚ΠΎ,
Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ для сСбя Π½ΠΎΠ²Ρ‹Π΅,
Π½Π΅ извСстныС Π²Π°ΠΌ ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΈ
ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ, насколько Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ
Π΅ΡΡ‚ΡŒ.

Π’ WebStorm ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ настроСно
автосохранСниС Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΠΎ Ρ…ΠΎΠ΄Ρƒ Ρ€Π°Π±ΠΎΡ‚Ρ‹
Π½Π°Π΄ Π½ΠΈΠΌΠΈ. Когда послС этой IDE ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡˆΡŒ
Π½Π° ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π±Π΅Π·
ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°, Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΡˆΡŒ остро
ΠΎΡ‰ΡƒΡ‰Π°Ρ‚ΡŒ, насколько Π΅Π³ΠΎ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚.
Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ, это Π½Π΅ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ
WebStorm, просто здСсь рСализация Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ
приятнСС.

НСкоторыС люди Π½Π΅ всСгда Π΄ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚
ΠΎΡ‚ΠΌΠ΅Π½Π΅ дСйствий ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ctrl-z, Π½ΠΎ Π²
WebStorm Π΅ΡΡ‚ΡŒ встроСнная систСма контроля
вСрсий, Π΄Π΅Π»Π°ΡŽΡ‰Π°Ρ ΠΊΠΎΠΌΠΌΠΈΡ‚ ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ
сохранСнии Ρ„Π°ΠΉΠ»Π°. Она чисто внутрСнняя,
ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ отдСлСнная ΠΎΡ‚ Π²Π°ΡˆΠΈΡ…
git-ΠΊΠΎΠΌΠΌΠΈΡ‚ΠΎΠ². Π€Π°ΠΉΠ»Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ
ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π² случаях, ΠΊΠΎΠ³Π΄Π° ΠΎΠΊΠ½ΠΎ с ΠΊΠΎΠ΄ΠΎΠΌ
оказываСтся Π½Π΅ Π² фокусС. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ, Ссли
давнСнько Π½Π΅ Π΄Π΅Π»Π°Π»ΠΈ ΠΊΠΎΠΌΠΌΠΈΡ‚ΠΎΠ² Π² git, Π° Π²Π°ΠΌ
Π½ΡƒΠΆΠ½ΠΎ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π΅
состояниС послС послСднСго ΠΊΠΎΠΌΠΌΠΈΡ‚Π°, Π²Ρ‹
ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

К нСдостаткам WebStorm ΠΌΠΎΠΆΠ½ΠΎ отнСсти Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π° Π½Π΅Π΅ придСтся ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ€Π΅ΠΌΠ΅Π½Π°ΠΌΠΈ, ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ ΠΎΡ‡Π΅Π½ΡŒ большими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, ΠΎΠ½ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΡΡŠΠ΅Π΄Π°Π΅Ρ‚ ΠΏΠ°ΠΌΡΡ‚ΡŒ. Но ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ постоянно развиваСтся ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ΡΡ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Если Π²Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ программист,
ΠΈΠ·ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠΉ JavaScript, ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ для Π½Π°Ρ‡Π°Π»Π°
ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠΆΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΊ
Ρ€Π°Π±ΠΎΡ‚Π΅ срСду, ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½Ρ‹ΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для вас
Π±ΡƒΠ΄Π΅Ρ‚ VSCode. Он прост Π² использовании ΠΈ
ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΉ встроСнный Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π».

Π‘ΠΎΠ»Π΅Π΅ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, Ρ‚ΠΎΡ‡Π½ΠΎ
Π·Π½Π°ΡŽΡ‰ΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠΌ Π½ΡƒΠΆΠ½ΠΎ, ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ΄ΠΎΠΉΡ‚ΠΈ
Sublime ΠΈ Atom, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Π΄Π°ΡŽΡ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ
ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ срСдой Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’Ρ‹
ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ любой
ΠΈΠ· тысяч ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², отбирая Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π΅ ΠΈΠ·
Π½ΠΈΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½Ρ‹.
Благодаря этому увСличиваСтся ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ
Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ сниТаСтся ΠΏΠΎΡ‚Ρ€Π΅Π±Π»Π΅Π½ΠΈΠ΅
рСсурсов.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈ
Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€ΠΎΠΉ, ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π΄Π°Ρ‚ΡŒ
ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ Vim. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹
сэкономитС врСмя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡƒΡ…ΠΎΠ΄ΠΈΡ‚
Π½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ кисти Ρ€ΡƒΠΊΠΈ ΠΎΡ‚ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹
ΠΊ ΠΌΡ‹ΡˆΠΈ. ΠŸΡ€Π°Π²Π΄Π°, потрСбуСтся Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅
врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π±Π΅Π·
послСднСй.

НаконСц, Ссли Π²Ρ‹ согласны ΠΎΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ подписку, Π° ваша Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ° позволяСт Π½Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎΠ± использовании памяти ΠΈΠ»ΠΈ CPU, Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для вас Π±ΡƒΠ΄Π΅Ρ‚ WebStorm. Π‘ Π½Π΅ΠΉ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΡƒΡŽ срСду для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Π’ΠΎΠΏ 10. Π›ΡƒΡ‡ΡˆΠΈΠ΅ JavaScript Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Π―Π·Ρ‹ΠΊ создавался ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ NetscapeΒ ΠΈ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ назывался ECMAScript. Π­Ρ‚ΠΎΡ‚ язык прСимущСствСнно ориСнтирован Π½Π° Π²Π΅Π± Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΈ ΠΏΠΎ ΠΏΡ€Π°Π²Ρƒ являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых популярных языков программирования Π² ΠΌΠΈΡ€Π΅. Π―Π·Ρ‹ΠΊ смСнил мноТСство Π½Π°Π·Π²Π°Π½ΠΈΠΉ, Π½ΠΎ сСйчас, Π΅Π³ΠΎ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ JavaScript. Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ языков, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ создавались для Π·Π°ΠΌΠ΅Π½Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ CoffeeScript ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅, Π½ΠΎ ΠΏΡ€ΠΈ компиляции, ΠΎΠ½ΠΈ всё Ρ€Π°Π²Π½ΠΎ пСрСводятся Π² JavaScript.Β Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ JavaScript считался языком для нСпрофСссионалов ΠΈ ΠΊΠΎΠ΄ получался довольно ΠΏΠ»ΠΎΡ…ΠΈΠΌ. Π—Π° послСдниС Π³ΠΎΠ΄Ρ‹ всё измСнилось ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ, ΠΈ JavaScriptΒ Π½Π°Ρ‡Π°Π» Π·Π°Π²ΠΎΡ‘Π²Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ, постСпСнно поднимаясь, всё Π²Ρ‹ΡˆΠ΅ ΠΈ Π²Ρ‹ΡˆΠ΅, Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ самых вострСбованных языков Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Π˜Ρ‚Π°ΠΊ, Π²ΠΎΡ‚ список Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² для языка JavaScript:

1 мСсто. Aptana Studio

ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ сСбя ΠΊΠ°ΠΊ β€œΡΠ°ΠΌΡ‹ΠΉ Π»ΡƒΡ‡ΡˆΠΈΠΉ Π² мирС” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. ΠžΡΠΎΠ±Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ: мноТСство JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ, Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π», синхронизация ΠΏΠΎ ftp, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя стандартныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· этой области (Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π΅Π½ΠΈΠ΅, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ошибок ΠΈ Ρ‚.Π΄). Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° всС основных ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах.

2 мСсто.Β Sublime Text

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° прСдставляСт собой тСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°, Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ тСкста. ΠŸΠ»ΡŽΡΡ‹: мноТСство ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² для самых Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, удобная навигация (ΠΌΠΈΠ½ΠΈΠΊΠ°Ρ€Ρ‚Π°), мноТСствСнноС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Ρ€Π°Π±ΠΎΡ‚Π° с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Sublime Text доступСн Π½Π° всСх основных ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… (OS X, Windows ΠΈ Linux). ΠŸΠΎΡ‡Ρ‚ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ бСсплатная (ΠΈΠ½ΠΎΠ³Π΄Π° Π²Ρ‹Π»Π΅Π·Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΊΡƒΠΏΠΈΡ‚ΡŒ).

3 мСсто.Β Webstorm

Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ IDE, Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ благодаря Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ создатСли большоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡƒΠ΄Π΅Π»ΠΈΠ»ΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΌΠ΅Π»ΠΎΡ‡Π°ΠΌ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ горячиС клавиши ΠΈ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Π°Π²Ρ‚ΠΎΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊΠΎΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ 3-мя Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ способами (JSLint, JSHint ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ инспСктор ΠΊΠΎΠ΄Π°). ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ Π² β€œnode.js”.

4 мСсто.Β Visual Studio

Π’ вСрсии 2012 Π±Ρ‹Π» ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ пСрСписан Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ JavaScript. БСйчас, ΠΏΠΎΡ‡Ρ‚ΠΈ любой Π²Π΅Π±-сайт содСрТит дСсятки JS Ρ„Π°ΠΉΠ»ΠΎΠ², Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ становится Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Visual Studio ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Ρ€Π΅ΡˆΠ°Π΅Ρ‚ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠΈ, ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π½Π°Ρ‡Π°Π»ΠΈΡΡŒ Π΅Ρ‰Ρ‘ Π² 2008 Π³ΠΎΠ΄Ρƒ. Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Ρ€Π°Π·Π±ΠΈΠ²ΠΊΠ° ΠΊΠΎΠ΄Π° Π½Π° β€œΡ€Π΅Π³ΠΈΠΎΠ½Ρ‹β€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ, Ссли Ρ„Π°ΠΉΠ» большой. А Π² послСдних вСрсиях появилась ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ECMAScript 5, ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° IntelliSense ΠΈ Document Object Model.

5 мСсто.Β Spket IDE

Π­Ρ‚ΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Eclipse. Π‘ΠΏΠ΅ΠΊΡ‚Ρ€ Π΅Π³ΠΎ возмоТностСй ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊ, ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ inline-ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ для IE, имССтся ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для JSON, ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ основныС возмоТности для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ.

6 мСсто.Β Notepad++ (с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Emmet)

ВсС ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ старый Π΄ΠΎΠ±Ρ€Ρ‹ΠΉ Notepad++, ΠΈ благодаря Π΅Π³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ, ΠΎΠ½ появился Π½Π° этом мСстС… Emmet (староС Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Zen Coding) ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для ускорСния написания Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, Π½Π° сайтС производитСля, ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ Π΅ΡΡ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ ΠΈ докумСнтация. Π£ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ интСрСсных возмоТностСй, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ нумСрация Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² мноТСствСнных элСмСнтов, ΠΈΠ»ΠΈ нСслоТныС матСматичСскиС вычислСния прямо Π²ΠΎ врСмя написания ΠΊΠΎΠ΄Π°. Полная настройка горячих клавиш ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΏΠΎΠ΄ сСбя. К слову ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΏΠ»Π°Π³ΠΈΠ½ Emmet ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ Zen Coding, Visual Studio ΠΈ Sublime Text.

7 мСсто.Β Zend Studio

Π’ послСдних вСрсиях этого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° измСнилось довольно ΠΌΠ½ΠΎΠ³ΠΎΠ΅, ΠΈ Π² Π»ΡƒΡ‡ΡˆΡƒΡŽ сторону. Π‘Ρ‹Π»ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² phpDoc, установлСны Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ мСста для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ отобраТСния Π°Π±Π·Π°Ρ†Π΅Π², встроСнноС ΠΎΠΊΠ½ΠΎ IE, создатСли ΡƒΠ»ΡƒΡ‡ΡˆΠΈΠ»ΠΈ Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ Π² PHP 5.1. ΠžΡ‡Π΅Π½ΡŒ большая Ρ€Π°Π±ΠΎΡ‚Π° Π±Ρ‹Π»Π° ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π° ΠΏΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ всС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΏΠΎΠ΄ сСбя, имССтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сглаТиваниС ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Π‘Π°ΠΌΠ° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π±Ρ‹Π»Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π°, ΡƒΡΠΊΠΎΡ€ΠΈΠ»Π°ΡΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ, Π±Ρ‹Π» поставлСн ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Toolbar…

8 мСсто.Β PhpEd

Болидная IDE, которая Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΌΠ½ΠΎΠ³ΠΎ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ ΠΏΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… языках. PhpEd ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с PHP, HTML, CSS ΠΈ JavaScript. Π”ΠΎΠ²ΠΎΠ»ΡŒΠ½ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ устроСна панСль инструмСнтов, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ, ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ Π²Π΅Π±-сСрвСр. ΠŸΠΎΠ½Π°Ρ‡Π°Π»Ρƒ, Ссли Π²Ρ‹ ΠΈΡΠΏΡƒΠ³Π°Π΅Ρ‚Π΅ΡΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° IDE, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ β€œΠ²ΡΡ‘ 1 кликом” с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠœΠ°ΡΡ‚Π΅Ρ€Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ². ΠŸΠ»ΠΎΡ…ΠΎ, Π½ΠΎ Π½Π΅ ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚Ρƒ Π°Π²Ρ‚ΠΎΠ·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° для JavaScript.

9 мСсто. TinyMCE

Π­Ρ‚ΠΎ кроссплатформСнный Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΡ‚ Moxiecode Systems. ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ ΠΏΠΎ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ LGPL (Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π°Π²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠΎΠ΄ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹). ΠŸΠΎΡ‡Ρ‚ΠΈ полнСйшая ΠΊΡ€ΠΎΡΡΠ±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΡΡ‚ΡŒ, ΠΊΡ€ΠΎΠΌΠ΅ ΠžΠΏΠ΅Ρ€Ρ‹ 7. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ прСимущСства это: ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², мноТСство Ρ‚Π΅ΠΌ\шаблонов.

10 мСсто.Β Geany

Один ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ² являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² Geany поддСрТиваСтся большоС количСство Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ². Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ простой, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ, Ρ‡Ρ‚ΠΎ нСсомнСнно ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ ΠΈ программистам. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½Π°Ρ вСрсия ΠΏΠΎΠ΄ Линукс. Из минусов, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚Ρƒ шаблонов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π½Π΅ с пустого мСста.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ JavaScript β€” Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° vc.ru

Π’ΠΎΠΏ 10 самых популярных JavaScript-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

JavaScript β€” это ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ°Ρ€Π°Π΄ΠΈΠ³ΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ язык, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚ΠΈΠΏΡ‹ программирования, управляСмыС событиями, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ (Π² Ρ‚ΠΎΠΌ числС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎ-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈ основанныС Π½Π° ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°Ρ…). ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ JavaScript использовался Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. Π’Π΅ΠΏΠ΅Ρ€ΡŒ JavaScript Π΅Ρ‰Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² качСствС языка программирования Π½Π° сторонС сСрвСра. Подводя ΠΈΡ‚ΠΎΠ³, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ JavaScript являСтся языком Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ JavaScript Framework? Π—Π°Ρ‡Π΅ΠΌ ΠΈΡ… Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ?

Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ JS β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ программирования JavaScript, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅ΡΡ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ написанный ΠΊΠΎΠ΄ для использования Π² стандартных функциях ΠΈ Π·Π°Π΄Π°Ρ‡Π°Ρ… программирования. Π­Ρ‚ΠΎ основа для создания Π²Π΅Π±-сайтов ΠΈΠ»ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π²ΠΎΠΊΡ€ΡƒΠ³.

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ с Ρ‚ΠΎΠ³ΠΎ, Π·Π°Ρ‡Π΅ΠΌ Π½Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ JavaScript? ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· ΠΈΡ… использования, Π½ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ подобранная срСда ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ΠΈ бСсплатныС ΠΈ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚ риска.

Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ это повысит Π²Π°ΡˆΡƒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ. РассматривайтС это ΠΊΠ°ΠΊ своСго Ρ€ΠΎΠ΄Π° ΠΎΠ±Ρ…ΠΎΠ΄Π½ΠΎΠΉ ΠΏΡƒΡ‚ΡŒ: Π²Π°ΠΌ придСтся ΠΏΠΈΡΠ°Ρ‚ΡŒ мСньшС ΠΊΠΎΠ΄Π° Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Π·Π°Ρ€Π°Π½Π΅Π΅ написанныС ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΊ использованию Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹. НСкоторыС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Π²Π΅Π±-сайта Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Ρ‹ ΠΏΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π·Π°ΠΊΠ°Π·Ρƒ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ созданныС ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹. Π€Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ Π±ΠΎΠ»Π΅Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайтов, ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² сайтов ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΈΡ…. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Π»ΡƒΡ‡ΡˆΠΈΠ΅ JS Frameworks.

1. React

Π’ настоящСС врСмя Π»ΠΈΠ΄Π΅Ρ€ΠΎΠΌ Π² области инфраструктуры JavaScript UI являСтся React. Π‘Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Facebook Π½Π°Ρ‡Π°Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ этим, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ свою Ρ€Π°Π±ΠΎΡ‚Ρƒ. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Facebook Ads росло ΠΎΡ‡Π΅Π½ΡŒ быстро, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π»ΠΎ слоТноС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Π° Π½Π°Ρ‡Π°Π»Π° ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ структуру, которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌ с ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ. Π£ Π½ΠΈΡ… Π±Ρ‹Π» Ρ€Π°Π½Π½ΠΈΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π΄ΠΎ 2011 Π³ΠΎΠ΄Π°, Π° Π΄Π²Π° Π³ΠΎΠ΄Π° спустя, структура Π±Ρ‹Π»Π° с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ доступна для общСствСнности. Π’ настоящСС врСмя Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ бизнСс-Π³ΠΈΠ³Π°Π½Ρ‚Ρ‹: AirBNB, PayPal, Netflix ΠΈ Ρ‚. Π΄.

React основан Π½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎΠ³ΠΎ использования. ΠŸΡ€ΠΎΡ‰Π΅ говоря, это Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ»Π°ΡΡΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ классы ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ прСдставляСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ страницы, Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°ΠΊ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΈΠΌΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ€Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ свойства. Говоря ΠΎ синтаксисС, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² сходятся Π²ΠΎ ΠΌΠ½Π΅Π½ΠΈΠΈ, Ρ‡Ρ‚ΠΎ React Π»Π΅Π³ΠΊΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅ JavaScript.

React ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ JSX, синтаксис XML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сочСтаСт Π² сСбС JavaScript ΠΈ HTML. Π­Ρ‚ΠΎ Π½Π΅ шаблон JavaScript; это ΠΏΠΎΠ»Π½Ρ‹ΠΉ JavaScript. ΠŸΠΎΠ½Π°Ρ‡Π°Π»Ρƒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΉΡ‚ΠΈ JSX Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌ. Однако, ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Π² с Π½ΠΈΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя, Π²Ρ‹ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅, насколько это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ. Π­Ρ‚ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ссли Π²Ρ‹ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚Π΅ΡΡŒ интСрфСйсной Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ. Π—Π°ΠΏΠΈΡˆΠΈΡΡŒ Π½Π° курсы программирования React.

2. Angular

Angular β€” ΠΎΠ΄Π½Π° ΠΈΠ· самых ΠΌΠΎΡ‰Π½Ρ‹Ρ… срСд JavaScript. Google ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ эту ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ одностраничного прилоТСния (SPA). Π­Ρ‚Π° срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ извСстна ΠΏΡ€Π΅ΠΆΠ΄Π΅ всСго ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° прСдоставляСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π»ΡƒΡ‡ΡˆΠΈΠ΅ условия для объСдинСния JavaScript с HTML ΠΈ CSS. Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»ΡƒΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π° сайтов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ google.com, youtube.com ΠΈ Ρ‚.Π΄., ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Angular.

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ срСда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса JavaScript для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Google. Angular ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π½ΡƒΡŽ структуру, ΠΊΠ°ΠΊ ΠΈ React. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π²ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ нСобходимости. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ TypeScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Angular. Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ‚ΠΎΡ‚ ΠΆΠ΅ синтаксис, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡΡ‚Π°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ классы. Π’ TypeScript Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ доступа, пСрСчислСния, обобщСния, Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. ΠŸΡ€ΠΎΡ‰Π΅ говоря, Angular β€” это фантастичСская ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ, Ссли Π²Ρ‹ Π½ΠΎΠ²Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ.

3. Vue.js

Vue β€” это JavaScript-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ для создания ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ интСрфСйса. Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с Vue Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ JavaScript, ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½

ΠžΠ±Π·ΠΎΡ€ html, css, js Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΏΠΎΠ΄ Windows / Π₯Π°Π±Ρ€

Π‘Ρ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π΅Π΄Π°Π²Π½ΠΎ встал вопрос Π·Π°ΠΌΠ΅Π½Ρ‹ Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΎΠ³ΠΎ ΠΈ Π΄ΠΎΡ€ΠΎΠ³ΠΎΠ³ΠΎ Adobe Dreamweaver Π½Π° Ρ‡Ρ‚ΠΎ Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π±ΠΎΠ»Π΅Π΅ лСгковСсноС ΠΈ Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒ Π΄ΠΎΡ€ΠΎΠ³ΠΎΠ΅. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΏΠΎΠ΄ ΠΊΠ°Ρ‚ΠΎΠΌ.


Для этой Ρ†Π΅Π»ΠΈ Π±Ρ‹Π» создан вопрос Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Q&A, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π»ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΎ мноТСство ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ². Бпасибо всСм ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ²ΡˆΠΈΠΌΡΡ.

Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π±Ρ‹Π»ΠΈ сравнСны ΠΏΠΎ нСскольким ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌ.

ΠŸΠ»Π°Ρ‚Π½Ρ‹Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

HTMLPad

  • Π¦Π΅Π½Π°: $45.85;
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности настройки;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ, Ρ‚Π΅Π³ΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π½Π΅Ρ‚;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: присутствуСт, настраиваСтся;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π΅ΡΡ‚ΡŒ, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π½Π΅Ρ‚, css3 Π΅ΡΡ‚ΡŒ;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚, Π½ΠΎ Ссли ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ css ΠΈ html Ρ„Π°ΠΉΠ»Ρ‹, Ρ‚ΠΎ Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ классов ΠΈ id ΠΈΠ· Ρ„Π°ΠΉΠ»Π° стилСй;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: присутствуСт, обычная;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: присутствуСт;
  • ВСс дистрибутива: 5,7 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: быстро открываСтся, быстро Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: Π½Π΅Ρ‚.

WeBuilder

  • Π¦Π΅Π½Π°: $69.85.
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ HTMLPad, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ для программистов.

Web Storm

  • Π¦Π΅Π½Π°: $69;
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: ΠΎΡ‡Π΅Π½ΡŒ ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности настройки;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²:Ρ‚Π΅Π³ΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΄Π°;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: присутствуСт, настраиваСтся;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎΠΉ;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π΅ΡΡ‚ΡŒ, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 Π΅ΡΡ‚ΡŒ;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚, Π½ΠΎ Ссли ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ css ΠΈ html Ρ„Π°ΠΉΠ»Ρ‹, Ρ‚ΠΎ Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ классов ΠΈ id ΠΈΠ· Ρ„Π°ΠΉΠ»Π° стилСй;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: присутствуСт, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: присутствуСт;
  • ВСс дистрибутива: 63,8 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: Π² CSS Ρ„Π°ΠΉΠ»Π°Ρ…, удобная плюшка с подсвСткой ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ². Π¨ΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности поиска элСмСнтов Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ΠšΡƒΡ‡Π° Π΄Ρ€ΡƒΠ³ΠΈΡ… настроСк ΠΈ ΠΎΠΏΡ†ΠΈΠΉ;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: Π΄ΠΎΠ»Π³ΠΎ открываСтся, тяТСловато Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.

Top Style Pro

  • Π¦Π΅Π½Π°: $79.95;
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: ΡˆΠΈΡ€ΠΎΠΊΠΈΠ΅ возмоТности настройки;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π½Π΅Ρ‚;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: частичная Π² css;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π² html ΠΈ css Π΅ΡΡ‚ΡŒ, Π² js Π½Π΅Ρ‚;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΏΠΎ CTRL+ΠΏΡ€ΠΎΠ±Π΅Π»;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π½Π΅Ρ‚, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: присутствуСт, Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ удобная;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: присутствуСт;
  • ВСс дистрибутива: 5,2 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ, Π° Π½Π΅ Π½Π° удобство Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠΎΠ΄ΠΎΠΌ.

Sublime Text

  • Π¦Π΅Π½Π°: $59;
  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π΄Π°;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π½Π΅ нашСл;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π½Π΅Ρ‚;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π½Π΅Ρ‚;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π² html Π½Π΅Ρ‚, Π² css ΠΈ js Π΅ΡΡ‚ΡŒ;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΏΠΎ CTRL+ΠΏΡ€ΠΎΠ±Π΅Π»;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π΅ΡΡ‚ΡŒ, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π½Π΅Ρ‚, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: присутствуСт, Π½Π΅ смог сходу Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π½Π΅ нашСл;
  • ВСс дистрибутива: 17 ΠΌΠ±;
  • НаличиС portable вСрсии: Π΅ΡΡ‚ΡŒ;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: быстро открываСтся, быстро Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: сходу ΠΎΡ‡Π΅Π½ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, трСбуСтся ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π½Π° освоСниС.

Microsoft Expression Studio 4 Web Professional

  • Π¦Π΅Π½Π°: $149.95;
  • Π”Π°ΠΆΠ΅ Π½Π΅ пытался ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ, софт явно для Π»ΡŽΠ±ΠΈΡ‚Π΅Π»Π΅ΠΉ Visual Studio ΠΈ ΠΏΡ€. ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² MS
БСсплатныС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

Notepad++

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π΄Π°;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π΄Π°;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π΄Π°, ΠΎΡ‡Π΅Π½ΡŒ удобная подсвСтка;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΅ΡΡ‚ΡŒ, для Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π½Π΅Ρ‚;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΉ;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css частично, js частично, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π½Π΅Ρ‚, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π½Π΅Ρ‚;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π΅ΡΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½;
  • ВСс дистрибутива: 5,2 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: быстро открываСтся, быстро Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: скудный Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π».

Aptana

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π΄Π°;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π΄Π°;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π΄Π°, ΠΎΡ‡Π΅Π½ΡŒ удобная подсвСтка;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΅ΡΡ‚ΡŒ, для Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ‚ΠΎΠ»ΡŒΠΊΠΎ;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π½Π΅Ρ‚;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π² html сразу выскакиваСт, Π° Π² css ΠΏΠΎ ctrl+ΠΏΡ€ΠΎΠ±Π΅Π»;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js частично, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 частично;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π΅ΡΡ‚ΡŒ;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π΅ΡΡ‚ΡŒ;
  • ВСс дистрибутива: 130 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: Π½Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: Π½Π΅Ρ‰Π°Π΄Π½ΠΎ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚.

Komodo Edit

ΠžΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Notepad++. Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ сразу ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ HTML Toolkit

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π΄Π°;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π΄Π°;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π΄Π°;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΅ΡΡ‚ΡŒ;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π΄Π°, частично;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, с подсказками;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js частично, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 Π΅ΡΡ‚ΡŒ;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π΄Π°;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π½Π΅ нашСл;
  • ВСс дистрибутива: 41,5 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: ΠΏΠΎΡ…ΠΎΠΆ Π½Π° np++, Π½ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΡˆΠΈΡ€Π΅;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: настройки Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½Ρ‹.

RJ TextEd

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π΄Π°;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π΄Π°;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΅ΡΡ‚ΡŒ;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π΄Π°, частично;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ctrl+ΠΏΡ€ΠΎΠ±Π΅Π» ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΉ;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css частично, js Π½Π΅Ρ‚, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π΄Π°;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π½Π΅ нашСл;
  • ВСс дистрибутива: 10 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: Π½Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: ΠΈΠΌΡ…ΠΎ Ρ…Ρ€ΠΎΠΌΠ°Π΅Ρ‚ качСство.

PSPad

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: частично;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π½Π΅Ρ‚, подсвСтка ΠΏΠ°Ρ€Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² Π΅ΡΡ‚ΡŒ;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π½Π΅Ρ‚;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π΄Π°, частично;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ctrl+ΠΏΡ€ΠΎΠ±Π΅Π» + модальноС ΠΎΠΊΠ½ΠΎ с настройками;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π½Π΅Ρ‚, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π½Π΅Ρ‚, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π΄Π°;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π΅ΡΡ‚ΡŒ;
  • ВСс дистрибутива: 4,2 ΠΌΠ±;
  • НаличиС portable вСрсии: Π½Π΅ нашСл;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: Π½Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ.

Eclipse IDE for JavaScript Web Developers

  • Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы (Π² Ρ‚.Ρ‡. ΠΈ Ρ‚Π΅ΠΌΠ½Ρ‹Π΅): Π½Π΅Ρ‚;
  • Настройка подсвСтки ΠΊΠΎΠ΄Π° ΠΏΠΎΠ΄ сСбя: Π½Π΅ нашСл;
  • Настройка позиционирования курсора, подсвСтка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ…/Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Ρ‚Π΅Π³ΠΎΠ²: Π΄Π°, подсвСтка ΠΏΠ°Ρ€Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² Π΅ΡΡ‚ΡŒ;
  • ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠΎΠ΄Π°: Π΄Π°;
  • АвтозакрытиС Ρ‚Π΅Π³ΠΎΠ², ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ, скобочСк: Π΄Π°, частично;
  • АвтокомплитСр ΠΈ Π΅Π³ΠΎ удобство: Π΅ΡΡ‚ΡŒ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ctrl+ΠΏΡ€ΠΎΠ±Π΅Π»;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html, css, js ΠΈ jquery Π°Π²Ρ‚ΠΎΠΊΠΎΠΌΠΏΠ»ΠΈΡ‚Π΅Ρ€ΠΎΠΌ: html Π΅ΡΡ‚ΡŒ, css Π΅ΡΡ‚ΡŒ, js Π΅ΡΡ‚ΡŒ, jquery Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° html5 ΠΈ css3: html5 Π΅ΡΡ‚ΡŒ, css3 Π½Π΅Ρ‚;
  • ΠŸΠΎΠ΄Ρ…Π²Π°Ρ‚ зависимых Ρ„Π°ΠΉΠ»ΠΎΠ² (css,js): Π½Π΅Ρ‚;
  • ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π΄Π°;
  • ftp-ΠΊΠ»ΠΈΠ΅Π½Ρ‚: Π΅ΡΡ‚ΡŒ;
  • ВСс дистрибутива: 108 ΠΌΠ±;
  • НаличиС portable вСрсии: Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π· установки;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ»ΡŽΡΡ‹: Π½Π΅Ρ‚;
  • Π—Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ минусы: Π³Ρ€ΠΎΠΌΠΎΠ·Π΄ΠΊΠΎΡΡ‚ΡŒ, Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Java.

NetBeans IDE

  • Π‘ΠΎΠ»ΡŒΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ программистам, Ρ‚.ΠΊ. содСрТит Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ сборки ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ языки.
Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Как оказалось, Π²Ρ‹Π±ΠΎΡ€ ΠΎΡ‡Π΅Π½ΡŒ Π²Π΅Π»ΠΈΠΊ. К соТалСнию Π½Π΅ ΠΌΠΎΠ³Ρƒ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ какая-Ρ‚ΠΎ ΠΈΠ· ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ оставила Ρ‚Π°ΠΊΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Ρ‡Ρ‚ΠΎΠ±Ρ‹ я сразу Π²Ρ‹ΠΊΠΈΠ½ΡƒΠ» Dreamweaver ΠΈ ΠΏΠ΅Ρ€Π΅ΡˆΠ΅Π» Π½Π° Π½Π΅Ρ‘. Но Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ я Ρ‚ΠΎΠΆΠ΅ Π½Π΅ остался. Мой Π²Ρ‹Π±ΠΎΡ€ β€” ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ HTMLPad. Ни ΠΎΠ΄ΠΈΠ½ ΠΈΠ· бСсплатных Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² Π½Π΅ показался ΠΌΠ½Π΅ достаточно ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ (Π½ΠΎ это Π΄Π΅Π»ΠΎ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡ΠΊΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ, я ΡΡ‡ΠΈΡ‚Π°ΡŽ).

использованиС пяти Π»ΡƒΡ‡ΡˆΠΈΡ… срСд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

ΠžΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°: ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° JavaScript ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ рассмотрим 5 Π»ΡƒΡ‡ΡˆΠΈΡ… IDE, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π² этом.

ΠžΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΈΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π² Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… срСдах Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (IDE) ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ появлСнию ряда Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’Π°ΠΊΠΆΠ΅ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ этих ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π° Ρ…ΠΎΠ΄Ρƒ оказалось нСпростым Π΄Π΅Π»ΠΎΠΌ, особСнно для JavaScript, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ создан для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.

Π‘ этой Ρ†Π΅Π»ΡŒΡŽ ΠΈ для прСодолСния Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Ρ‹Π²Π° Π±Ρ‹Π»ΠΈ прСдставлСны ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для программирования Π½Π° Ρ…ΠΎΠ΄Ρƒ. ИспользованиС ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² JavaScript ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Π²Π°ΠΌ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ! Π’ этом постС ΠΌΡ‹ рассмотрим ΠΏΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΡ… ΠΎΠ½Π»Π°ΠΉΠ½-IDE.

Codenvy

Codenvy β€” это облачная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ распрСдСлСнных ΠΊΠΎΠΌΠ°Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎ Codenvy Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΅Π΅ способности ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π°ΠΌΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ с пСрСносимыми срСдами исполнСния Docker.

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

Codenvy ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Ρ€ΠΈ основных ΠΏΠ°ΠΊΠ΅Ρ‚Π°, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΠΌΠ°Π½Π΄ ΠΈ прСдприятий. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Codenvy ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π»ΡŽΠ±Ρ‹Π΅ ваши потрСбности, Π½Π΅ зависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΡΠ²Π»ΡΠ΅Ρ‚Π΅ΡΡŒ Π»ΠΈ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ, Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΌ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈΠ»ΠΈ сотрудником ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ²

Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Codenvy ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Ρ‚ΡŒ слоТности, связанныС с настройкой Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΊΠΎΠ΄Π° для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… языков Π²ΠΎ всСх систСмах, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅. Π‘ Codenvy Π²Ρ‹ Π±Π΅Ρ€Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² любом мСстС ΠΈ настраиваСтС Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Π±Π΅Π· нСобходимости ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.

Для ΠΊΠΎΠΌΠ°Π½Π΄

РаспрСдСлСнныС Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ совмСстныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Codenvy для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ ΠΎΠ±Ρ‰ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΌΠΈ процСссами ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Codenvy ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ большС ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ настраиваСмыС срСды выполнСния, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ ΠΏΡ€Π°Π²Π° доступа ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, согласованноС сотрудничСство. ΠšΠΎΠΌΠ°Π½Π΄Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Codenvy ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ‡Π»Π΅Π½Π°ΠΌ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ с Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΈ Π² Ρ€Π°Π²Π½ΠΎΠΉ стСпСни Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ с заинтСрСсованными сторонами, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠ°Ρ‚ΡŒ ΠΊ написанию ΠΊΠΎΠ΄Π°.

Для прСдприятий

Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π½Π° Π»Π΅Ρ‚Ρƒ, прСдприятиям Π½ΡƒΠΆΠ½ΠΎ всС это Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС β€” срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ ΠΌΡ‹ΡˆΠΈ, групповая рСгистрация ΠΈ совмСстная Ρ€Π°Π±ΠΎΡ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ защищСнная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ пространства DevOps. Codenvy прСдоставляСт всС это ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Π»Π΅Π³ΠΊΠΎ интСгрируСтся с инструмСнтами управлСния Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ, управлСния вСрсиями ΠΈ CI для создания Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… областСй.

Codeanywhere

Codeanywhere β€” это облачная кроссплатформСнная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Она ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒΡΡ с FTP ΠΈ SFTP. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½Π° ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΌ сСрвисам хранСния, Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊ Dropbox, Google Drive ΠΈ Ρ‚. Π΄.

НастраиваСмая срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° языков

Codeanywhere Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ Π² настройкС срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² соотвСтствии с вашими Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ прСдпочтСниями. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 70 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… языков программирования, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ JavaScript, Python ΠΈ HTML.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° консоли

Codeanywhere поставляСтся со встроСнной консолью Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π°, которая позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ bash Π½Π° своих сСрвСрах ΠΈ Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°Ρ…. ВстроСнная консоль позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ SSH Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΈΠ· своСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ сСрвСрС. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄, Π½Π΅ покидая своСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

БовмСстная Ρ€Π°Π±ΠΎΡ‚Π°

Π‘ Codeanywhere Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах. Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния бСзопасности Codeanywhere позволяСт ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ частями ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅; Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, ΠΏΠ°ΠΏΠΊΠ°ΠΌΠΈ ΠΈΠ»ΠΈ Ρ†Π΅Π»Ρ‹ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΎΠ±Ρ‰ΠΈΠΉ рСсурс ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный Π½Π°Π±ΠΎΡ€ доступов. Π­Ρ‚ΠΎ всСго лишь нСсколько ΠΈΠ· доступных Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

Koding

Koding β€” это облачная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, которая позволяСт Π²Π°ΠΌ (ΠΈΠ»ΠΈ вашСй ΠΊΠΎΠΌΠ°Π½Π΄Π΅) ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈ совмСстно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² любой инфраструктурС для соврСмСнных распрСдСлСнных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, микросСрвисов ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ².

Π£ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятный ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π§Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅? Π’ΠΎ, Ρ‡Ρ‚ΠΎ это инструмСнт с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ бСсплатно.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Koding

Koding Π½Π΅ являСтся ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-срСдой Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π­Ρ‚ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ большСС, ΠΊΠ°ΠΊ описано Π² этом ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠΌ Π²Π²ΠΎΠ΄Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ:

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ

Помимо Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Koding для совмСстной Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ совмСстного использования, ΠΎΠ½ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠΌ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любой сСрвис с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ всСго Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… строк ΠΊΠΎΠ΄Π°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Heroku с MongoDB ΠΈ Node.js ΠΈΠ»ΠΈ AWS с Ruby ΠΈ MySQL, Koding ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ слуТбу, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ для стСкового скрипта Koding, ΠΈ всС!

SourceLair

SourceLair β€” это облачная ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°, которая ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ обСспСчиваСт ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ создаваСмого Π²Π°ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. КаТдая подготовлСнная срСда Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π° ΠΊ потрСбностям стСка ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ поставляСтся со всСми прСдустановлСнными инструмСнтами, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

ΠœΠΎΡ‰Π½Π°Ρ IDE

SourceLair прСдоставляСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΌΠΎΡ‰Π½ΡƒΡŽ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ со всСми основными функциями вашСй ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ локальной срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π‘ SourceLair Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠ°ΠΊ ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ… Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, привязки тСкстовых клавиш ΠΈ Ρ‚. Π΄.

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ с Github

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ SourceLair Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΊΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠ»ΠΈΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ. НаписаниС большСго количСства ΠΊΠΎΠ΄Π°, ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° Π² ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ ΠΈ внСсСниС Π²Π½Π΅ΡˆΠ½ΠΈΡ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ β€” всС это ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π² SourceLair.

ΠšΡ€ΠΎΡΡΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ

Одним ΠΈΠ· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… прСимущСств использования SourceLair являСтся Π΅Π³ΠΎ кроссплатформСнная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° SourceLair ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Chromebook ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ iPad. Π­Ρ‚ΠΎ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ функция, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ лишь нСсколько Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Π‘ SourceLair всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, это доступ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

Π¦Π΅Π½Ρ‹

Π’ SourceLair Π΅ΡΡ‚ΡŒ Π΄Π²Π° Ρ‚Π°Ρ€ΠΈΡ„Π½Ρ‹Ρ… ΠΏΠ»Π°Π½Π°: Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΠ»Π°Π½ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ 1 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π·Π° 5 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц, Π° ΠΏΠ»Π°Π½ ΠŸΡ€ΠΎ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄ΠΎ 5 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π·Π° 8 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² Π² мСсяц. Π­Ρ‚ΠΎ Π΅Ρ‰Π΅ Π½Π΅ всС β€” для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π° доступно ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ ΠΈ экстра-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΈΡ… Π½Π° страницС с Ρ†Π΅Π½Π°ΠΌΠΈ.

Cloud9

Cloud9 β€” это облачная срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, которая прСдоставляСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ эквивалСнт Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… IDE. Π‘ Cloud9 Ρƒ вас Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄, Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ написанный ΠΊΠΎΠ΄ ΠΈ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ всС это Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Cloud9 оснащСн ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠ΄Π°, Π½Π°Π΄Π΅ΠΆΠ½Ρ‹ΠΌ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠΎΠΌ ΠΈ консолью Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ прилоТСния ΠΈ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ процСсс ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ снабТСн всСми инструмСнтами, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… языков, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ JavaScript, Python, PHP ΠΈ Ρ‚. Π΄. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ внСшниС ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΠ»ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΡ€ΠΈ запускС Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Π˜Π½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Π’ сочСтании с Ρ‚Π΅ΠΌ Ρ„Π°ΠΊΡ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Cloud9 ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΉ, Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ написании ΠΊΠΎΠ΄Π° Π½Π° любом ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Π² любом мСстС ΠΈ Π² любоС врСмя, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ функциями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅. Он ΠΈΠΌΠ΅Π΅Ρ‚ встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅, экономящиС врСмя возмоТности, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ подсказки ΠΊΠΎΠ΄Π°, Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΈ пошаговая ΠΎΡ‚Π»Π°Π΄ΠΊΠ°.

БотрудничСство

Как ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ IDE, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΡƒΠΆΠ΅ рассматривали, Cloud9 ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΏΠ°Ρ€Π½ΠΎΠ³ΠΎ программирования, которая позволяСт Π²Π°ΠΌ Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ со своими ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ вмСстС Π½Π°Π΄ ΠΎΠ΄Π½ΠΎΠΉ Π±Π°Π·ΠΎΠΉ ΠΊΠΎΠ΄Π°. Π§Ρ‚ΠΎ Π΅Ρ‰Π΅? Π­Ρ‚ΠΎ происходит Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ всС Π² вашСй ΠΊΠΎΠΌΠ°Π½Π΄Π΅.

Доступ ΠΊ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Ρƒ AWS Π’Π΅Ρ€ΠΌΠΈΠ½Π°Π»

Cloud9 ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€ΠΈΠ²ΠΈΠ»Π΅Π³ΠΈΠΈ sudo для управляСмого экзСмпляра Amazon EC2, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π° ваша срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΈ интСрфСйс ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки AWS с ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π°ΡƒΡ‚Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрСли Ρ‚ΠΎΠΏ-5 Π»ΡƒΡ‡ΡˆΠΈΡ… JavaScript ΠΎΠ½Π»Π°ΠΉΠ½-IDE, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² 2019 Π³ΠΎΠ΄Ρƒ. КаТдая срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ свои ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, поэтому слоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«Π»ΡƒΡ‡ΡˆΡƒΡŽΒ» срСди Π½ΠΈΡ…. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ, Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ‚Ρƒ, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ нашим потрСбностям.

ΠžΡ‚ΠΊΠ°Π· ΠΎΡ‚ отвСтствСнности: ΠΏΡΡ‚ΡŒ рассмотрСнных здСсь сСтСвых IDE β€” это ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΌΠΎΠΉ Π²Ρ‹Π±ΠΎΡ€, основанный Π½Π° ΠΌΠΎΠ΅ΠΌ собствСнном ΠΎΠΏΡ‹Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π½ΠΈΠΌΠΈ. Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠ½Π»Π°ΠΉΠ½ IDE, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ здСсь Π½Π΅ рассматривали. Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ, поТалуйста, ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ ΠΈΠΌΠΈ Π² коммСнтариях Π½ΠΈΠΆΠ΅. НадСюсь, этот пост ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий для Π²Π°ΡˆΠΈΡ… Π½ΡƒΠΆΠ΄ инструмСнт.

Автор: Christian Nwamba

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: https://www.telerik.com

РСдакция: Команда webformyself.

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π£Π·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ

Настройка Π±Π°Π·ΠΎΠ²ΠΎΠΉ срСды для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ JavaScript

Π‘Π΅Π· сомнСния: Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сильно измСнилась.

Π‘ появлСниСм Π²Π΅Π±-стандартов Π²Π΅Π±-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ достигли ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΠ»ΠΈ свой ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π». Благодаря ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΉ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π΅ ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ спСцификациям стандарты Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΠΈΠ»ΠΈΡΡŒ ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ ΠΈ сСгодня ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ практичСски Π½Π° всСх устройствах, доступных Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅.

Π’ этом Π½ΠΎΠ²ΠΎΠΌ контСкстС для программирования JavaScript большС Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ простыС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π² HTML.Π’ настоящСС врСмя это синоним Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ слоТных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΈ поэтому здСсь Π΅ΡΡ‚ΡŒ Ρ‡Π΅ΠΌ Π·Π°Π½ΡΡ‚ΡŒΡΡ, Ρ‡Π΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ.

Π‘Ρ€Π΅Π΄Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ: Π·Π°Ρ‡Π΅ΠΌ?

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° слоТных ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ‚Π°ΠΊΠΈΡ… Π²Π΅Ρ‰Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠ°Ρ€Π°Π΄ΠΈΠ³ΠΌΡ‹ программирования высокого уровня. Π₯отя, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ тСкущая ΡˆΠΈΡ€ΠΎΠΊΠΎ поддСрТиваСмая вСрсия JavaScript (ECMAScript 5) Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΡ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ для создания Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ слоТного, Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ ΠΈ кроссплатформСнного?

ΠžΡ‚Π²Π΅Ρ‚: ΠΏΡƒΡ‚Π΅ΠΌ создания Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ срСды.

Доступно мноТСство Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΈ инструмСнтов JavaScript, ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ… ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. Если ΠΌΡ‹ Π²Ρ‹Π±Π΅Ρ€Π΅ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΈΡ… объСдиним, ΠΌΡ‹ смоТСм ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π°ΡˆΡƒ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ срСду Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΊ нашим (ΠΈ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ) потрСбностям. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² Π½ΠΎΠ²Ρ‹Ρ… стандартах (ECMAScript 6), ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ прСимущСства высокоуровнСвых Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΈ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹ΠΉ ECMAScript 5;
  • БохраняйтС ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠΉΡ‚Π΅ Π΅Π³ΠΎ Π² ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» для производства;
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ зависимостями ΠΏΡ€ΠΈ использовании сторонних ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ;
  • АвтоматизируйтС Π·Π°Π΄Π°Ρ‡ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ постоянно ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‚ΡΡ Π²ΠΎ врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

Настройка Π±Π°Π·ΠΎΠ²ΠΎΠΉ срСды

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π·Π°ΠΏΠ°Ρ‡ΠΊΠ°Π΅ΠΌ Ρ€ΡƒΠΊΠΈ ΠΈ настроим Π±Π°Π·ΠΎΠ²ΡƒΡŽ срСду. Π’ Π½Π΅Π³ΠΎ Π²ΠΎΠΉΠ΄ΡƒΡ‚:

  1. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ зависимостями с npm;
  2. ΠœΠΎΠ΄ΡƒΠ»ΡŒ Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ с webpack;
  3. ΠšΠΎΠΌΠΏΠΈΠ»ΡΡ†ΠΈΡ ES6 с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ babel;
  4. Автоматизация Π·Π°Π΄Π°Ρ‡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ скриптов npm;
  5. Π‘Π΅Ρ€Π²Π΅Ρ€ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ с ΠΆΠΈΠ²ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ ΠΈ live-сСрвСром.

1. Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ зависимостями с npm

ΠŸΠ΅Ρ€Π²ΠΎ-Π½Π°ΠΏΠ΅Ρ€Π²ΠΎ: ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ npm, Π΄Π°Π²Π°ΠΉΡ‚Π΅ убСдимся, Ρ‡Ρ‚ΠΎ Ρƒ нас Π΅ΡΡ‚ΡŒ послСдний ΡƒΠ·Π΅Π».js установлСна ​​вСрсия:

  $ ΡƒΠ·Π΅Π» - вСрсия
$ v6.9.1
  

Если Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ установлСна ​​болСС ранняя вСрсия (ΠΈΠ»ΠΈ Π΅Π΅ Π½Π΅Ρ‚ Π²ΠΎΠΎΠ±Ρ‰Π΅), Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ послСднюю Π²Π΅Ρ€ΡΠΈΡŽ Π½Π° страницС Π·Π°Π³Ρ€ΡƒΠ·ΠΎΠΊ ΡƒΠ·Π»Π° ΠΈΠ»ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π΅ Ρ‡Π΅Ρ€Π΅Π· диспСтчСр ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ².

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° вСрсии npm

ПослС установки node.js, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, доступСн npm. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ Π΅Π³ΠΎ Π²Π΅Ρ€ΡΠΈΡŽ:

  $ npm - вСрсия
4,0,2 долл. БША
  

Если Ρƒ вас Π±ΠΎΠ»Π΅Π΅ ранняя вСрсия, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ npm для обновлСния:

  $ sudo npm install -g npm
  

(пропуститС sudo , Ссли Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ Π² Windows)

Запуск ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° node ΠΈ npm ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Ρ‹, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ запуститС Π² Π½Π΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ npm init :

  $ mkdir ΠΌΠΎΠΉ-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚
$ cd ΠΌΠΎΠΉ-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚
$ mkdir src dist
$ npm init
  

Π­Ρ‚ΠΎ создаст ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ структуру:

  ΠΌΠΎΠΉ-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ /
    |
    β”œβ”€ расст /
    |
    └─ src /
  

Π—Π°Ρ‚Π΅ΠΌ npm задаст нСсколько вопросов ΠΎ вашСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ввСсти ΠΎΡ‚Π²Π΅Ρ‚ ΠΈΠ»ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ , Π²Π²Π΅Π΄ΠΈΡ‚Π΅ , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. ΠžΡ‚Π²Π΅Ρ‚ΠΈΠ² Π½Π° вопросы, ΠΏΠ°ΠΊΠ΅Ρ‚ .json Π±ΡƒΠ΄Π΅Ρ‚ создан Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π­Ρ‚ΠΎΡ‚ Ρ„Π°ΠΉΠ» содСрТит всю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π²Π°ΡˆΠΈΡ… прилоТСниях, ΠΊΠ°ΡΠ°ΡŽΡ‰ΡƒΡŽΡΡ управлСния зависимостями. Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

  {
  "name": "ΠΌΠΎΠΉ-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚",
  "вСрсия": "1.0.0",
  "описаниС": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \" Ошибка: тСст Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ \ "&& exit 1"
  },
  "author": "Π’Π°ΡˆΠ΅ имя ",
  "лицСнзия": "ISC"
}
  
Установка зависимостСй

Как я ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ», для этого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΌΡ‹ собираСмся ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ webpack ΠΈ babel.Они ΠΎΠ±Π° ΡΠ²Π»ΡΡŽΡ‚ΡΡ зависимостями Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ Π²ΠΎ врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π½ΠΎ Π½Π΅ Π² производствСнной срСдС (ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой инструмСнт для связывания ΠΈ компиляции, Π²Π΅Ρ€Π½ΠΎ?). По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ΠΌΡ‹ собираСмся ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ npm Ρ„Π»Π°Π³ --save-dev вмСстС с ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ установки:

  $ npm install --save-dev webpack babel-loader babel-core
  

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ΠΈ установлСны Π² / node_modules ΠΈ ΡƒΠΊΠ°Π·Π°Π½Ρ‹ Π² package.json Π² devDependencies .

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ производствСнныС зависимости, пСрСдавая Ρ„Π»Π°Π³ - ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ . Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, jQuery:

  $ npm install - ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ jquery
  

Он Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΊΠ°Π·Π°Π½ Π² package.json Π² зависимостях .

2. Настройка webpack

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» webpack.config.js Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. Π’Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅:

  module.exports = {
  запись: "./src/index.js ",
  Π²Ρ‹Ρ…ΠΎΠ΄: {
    ΠΏΡƒΡ‚ΡŒ: __dirname + "/ dist",
    имя Ρ„Π°ΠΉΠ»Π°: "bundle.js"
  },
  ΠΌΠΎΠ΄ΡƒΠ»ΡŒ: {
    Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ: [
      {тСст: /\.js$/, exclude: / node_modules /, loader: "babel-loader"}
    ]
  },
  externals: {
    "jquery": "jQuery"
  }
}
  

Об этой настройкС слСдуСт ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Π΄Π²Π΅ Π²Π΅Ρ‰ΠΈ:

  1. ΠœΡ‹ устанавливаСм babel-loader для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ /\.js$/ , Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ„Π°ΠΉΠ» JavaScript Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ babel Π²ΠΎ врСмя объСдинСния;
  2. ΠœΡ‹ объявляСм jquery ΠΊΠ°ΠΊ внСшний ΠΌΠΎΠ΄ΡƒΠ»ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ собираСмся Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, ΠΈ ΠΎΠ½ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΠ°ΠΊΠ΅Ρ‚Π°, Ρ‡Ρ‚ΠΎ позволяСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ.

3. Настройка babel

ΠœΡ‹ ΡƒΠΆΠ΅ настроили webpack для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ нашСго ΠΊΠΎΠ΄Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ babel, Π½ΠΎ этого нСдостаточно. Babel Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ сдСлаСт, ΠΏΠΎΠΊΠ° ΠΌΡ‹ Π½Π΅ настроим прСдустановку. Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ установим послСдний доступный прСсСт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π° самом Π΄Π΅Π»Π΅ называСтся latest :

.

  $ npm install --save-dev babel-preset-latest
  

Π’Π΅ΠΏΠ΅Ρ€ΡŒ создайтС Ρ„Π°ΠΉΠ» с ΠΈΠΌΠ΅Π½Π΅ΠΌ .babelrc Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ пропуститС это:

  {
  "прСсСты": ["послСдний"]
}
  

4.ИспользованиС скриптов npm для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°Π΄Π°Ρ‡

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ — это Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ инструмСнт Π² процСссС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΈ, Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π΅ΡΡ‚ΡŒ нСсколько ΠΎΡ‡Π΅Π½ΡŒ популярных ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ, доступных для Π΅Π³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, сама npm ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π½Π°ΠΌ прямой ΠΏΠΎΠ΄Ρ…ΠΎΠ΄.

Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ наш package.json ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΊΠΎΠ΄:

  {
  "name": "ΠΌΠΎΠΉ-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚",
  "вСрсия": "1.0.0",
  "описаниС": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \" Ошибка: тСст Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ \ "&& exit 1",
    "build": "webpack",
    "часы": "webpack - часы"
  },
  "author": "Π’Π°ΡˆΠ΅ имя  ",
  "лицСнзия": "ISC"
}
  

ΠœΡ‹ ΡƒΠΌΠ΅Π΅ΠΌ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ:

  $ npm Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ сборку
$ npm Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ часы
  

Π—Π°Ρ‚Π΅ΠΌ npm запустит ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ нашСй Π·Π°Π΄Π°Ρ‡ΠΈ Π² консоли.

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠΎΠΌΠ°Π½Π΄ ΠΊ Π·Π°Π΄Π°Ρ‡Π΅

Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΎΠ΄Π½Π° ΠΊΠΎΠΌΠ°Π½Π΄Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½Π°ΡˆΠΈΡ… Π·Π°Π΄Π°Ρ‡, Ρ‚Π°ΠΊ Π² Ρ‡Π΅ΠΌ ΠΆΠ΅ смысл, Π²Π΅Ρ€Π½ΠΎ? ΠœΡ‹ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ просто Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ webpack с Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π°, Π±Π΅Π· скриптов npm. Но Ρ‡Ρ‚ΠΎ, Ссли Π±Ρ‹ наш процСсс сборки Π²ΠΊΠ»ΡŽΡ‡Π°Π» большС, Ρ‡Π΅ΠΌ просто Π²Π΅Π±-ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΡƒ? ΠœΠΎΠΆΠ΅Ρ‚ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ SCSS?

Π”Π°Π²Π°ΠΉ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ:

  $ npm install --save-dev node-sass
  

И наш ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ скриптов Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

.

ide - Π›ΡƒΡ‡ΡˆΠ°Ρ срСда для ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Javascript

ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка

  1. Около
  2. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹

  3. Для ΠΊΠΎΠΌΠ°Π½Π΄
  1. ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка
    ΠžΠ±Ρ‰Π΅ΡΡ‚Π²Π΅Π½Π½Ρ‹Π΅ вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹

  2. ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка для ΠΊΠΎΠΌΠ°Π½Π΄
    Π“Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈ дСлятся частными знаниями с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ

  3. Вакансии
    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ связанныС с Π½ΠΈΠΌ тСхничСскиС возмоТности ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠ³ΠΎ роста

  4. Π’Π°Π»Π°Π½Ρ‚
    НанимайтС тСхничСских спСциалистов ΠΈ создавайтС свой Π±Ρ€Π΅Π½Π΄ работодатСля

  5. Π Π΅ΠΊΠ»Π°ΠΌΠ°
    ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³Π°ΠΌ со всСго ΠΌΠΈΡ€Π°

  6. О компании

Загрузка…

  1. ΠΠ²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ
    Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

  2. Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ сообщСство

.

javascript - ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Π°Ρ срСда Π²Π΅Π±-программирования

ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка

  1. Около
  2. ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹

  3. Для ΠΊΠΎΠΌΠ°Π½Π΄
  1. ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка
    ΠžΠ±Ρ‰Π΅ΡΡ‚Π²Π΅Π½Π½Ρ‹Π΅ вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹

  2. ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ стСка для ΠΊΠΎΠΌΠ°Π½Π΄
    Π“Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈ дСлятся частными знаниями с ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ

  3. Вакансии
    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ связанныС с Π½ΠΈΠΌ тСхничСскиС возмоТности ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Π½ΠΎΠ³ΠΎ роста

  4. Π’Π°Π»Π°Π½Ρ‚
    НанимайтС тСхничСских спСциалистов ΠΈ создавайтС свой Π±Ρ€Π΅Π½Π΄ работодатСля

  5. Π Π΅ΠΊΠ»Π°ΠΌΠ°
    ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³Π°ΠΌ со всСго ΠΌΠΈΡ€Π°

  6. О компании

.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ JavaScript с использованиСм ΠΊΠΎΠ΄Π° Visual Studio

Visual Studio Code Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ встроСнный JavaScript IntelliSense, ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ, Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ языковыС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ этих Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ сразу послС установки, Π° для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ базовая конфигурация, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΎΡ‚Π΄Π°Ρ‡Ρƒ. На этой страницС пСрСчислСны Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ JavaScript, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ поставляСтся VS Code. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈΠ· VS Code Marketplace ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ этих встроСнных Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ настроСны, см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π Π°Π±ΠΎΡ‚Π° с JavaScript.

IntelliSense

IntelliSense ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈ подписи, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π±ΠΎΠ»Π΅Π΅ быстро ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

VS Code обСспСчиваСт IntelliSense Π² Π²Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… JavaScript; для ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ npm, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ React , lodash ΠΈ express ; ΠΈ для Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ node , бСзсСрвСрный ΠΈΠ»ΠΈ IoT.

Π‘ΠΌ. Π Π°Π·Π΄Π΅Π» Π Π°Π±ΠΎΡ‚Π° с JavaScript для получСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ VS Code JavaScript IntelliSense, способах Π΅Π³ΠΎ настройки ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π² устранСнии распространСнных ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с IntelliSense.

ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² JavaScript (jsconfig.json)

Π€Π°ΠΉΠ» jsconfig.json опрСдСляСт ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ JavaScript Π² VS Code. Π₯отя Ρ„Π°ΠΉΠ»Ρ‹ jsconfig.json Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΡ… Π² Ρ‚Π°ΠΊΠΈΡ… случаях, ΠΊΠ°ΠΊ:

  • Если Π½Π΅ всС Ρ„Π°ΠΉΠ»Ρ‹ JavaScript Π² вашСй Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области слСдуСт Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° JavaScript. jsconfig.json Π€Π°ΠΉΠ»Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ· отобраТСния Π² IntelliSense.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ подмноТСство Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript Π² вашСй Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области обрабатываСтся ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ нСявныС Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ зависимости вмСсто , ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ для зависимостСй.
  • Если вашС Ρ€Π°Π±ΠΎΡ‡Π΅Π΅ пространство содСрТит Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ контСкста ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ внСшний ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ ΠΊΠΎΠ΄ JavaScript. Для Ρ€Π°Π±ΠΎΡ‡ΠΈΡ… пространств с нСсколькими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ создайтС Ρ„Π°ΠΉΠ» jsconfig.json Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.
  • Π’Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ компилятор TypeScript для компиляции исходного ΠΊΠΎΠ΄Π° JavaScript Π½ΠΈΠΆΠ½Π΅Π³ΠΎ уровня.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ JavaScript, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ jsconfig.json Π² ΠΊΠΎΡ€Π΅Π½ΡŒ своСй Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области:

  {
  "compilerOptions": {
    "ΠΌΠΎΠ΄ΡƒΠ»ΡŒ": "commonjs",
    "Ρ†Π΅Π»ΡŒ": "es6"
  },
  "exclude": ["node_modules"]
}  

Π‘ΠΌ. Β«Π Π°Π±ΠΎΡ‚Π° с JavaScriptΒ» для получСния Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ jsconfig.json конфигурация.

Π‘ΠΎΠ²Π΅Ρ‚: Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, являСтся Π»ΠΈ Ρ„Π°ΠΉΠ» JavaScript Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° JavaScript, просто ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ» Π² VS Code ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ JavaScript: ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° . Π­Ρ‚Π° ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ jsconfig.json , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ссылаСтся Π½Π° Ρ„Π°ΠΉΠ» JavaScript. Π£Π²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ отобраТаСтся, Ссли Ρ„Π°ΠΉΠ» Π½Π΅ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° jsconfig.json .

Π€Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹

VS Code Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π° JavaScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ΡΡ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π²Π²ΠΎΠ΄Π°;

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

БущСствуСт мноТСство Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ для популярных Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Redux ΠΈΠ»ΠΈ Angular. Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ свои собствСнныС сниппСты.

Π‘ΠΎΠ²Π΅Ρ‚ : Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ прСдлоТСния Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ², установитС editor.snippetSuggestions Π½Π° Β«noneΒ» Π² Ρ„Π°ΠΉΠ»Π΅ настроСк. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ editor.snippetSuggestions Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²Π°ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ располоТСниС Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² Π² прСдлоТСниях: Π²Π²Π΅Ρ€Ρ…Ρƒ ( Β«Π²Π²Π΅Ρ€Ρ…ΡƒΒ», ), Π²Π½ΠΈΠ·Ρƒ ( Β«Π²Π½ΠΈΠ·ΡƒΒ», ) ΠΈΠ»ΠΈ встроСнным Π² Π°Π»Ρ„Π°Π²ΠΈΡ‚Π½ΠΎΠΌ порядкС ( «встроСнный» ).По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ "встроСнный" .

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° JSDoc

VS Code ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ стандартныС Π°Π½Π½ΠΎΡ‚Π°Ρ†ΠΈΠΈ JSDoc ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ эти Π°Π½Π½ΠΎΡ‚Π°Ρ†ΠΈΠΈ для прСдоставлСния Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Ρ… возмоТностСй IntelliSense. ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π²Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΈΠΏΠ΅ ΠΈΠ· ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² JSDoc для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Ρ‚ΠΈΠΏΠ° вашСго JavaScript.

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

Быстро создавайтС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ JSDoc для Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π½Π°Π±Ρ€Π°Π² / ** ΠΏΠ΅Ρ€Π΅Π΄ объявлСниСм Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ Π²Ρ‹Π±Ρ€Π°Π² ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ JSDoc. ΠŸΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° :

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ прСдлоТСния ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² JSDoc, установитС "javascript.suggest.completeJSDocs": false .

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ

НавСдитС ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° символ JavaScript, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π΅Π³ΠΎ Ρ‚ΠΈΠΏΠ΅ ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ.

Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ клавиш ⌘K ⌘I (Windows, Linux Ctrl + K Ctrl + I) ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ эту ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ курсора.

Π‘ΠΏΡ€Π°Π²ΠΊΠ° ΠΏΠΎ подписи

Когда Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ Π²Ρ‹Π·ΠΎΠ²Ρ‹ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ JavaScript, VS Code ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ сигнатурС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ выдСляСт ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π² настоящСС врСмя выполняСтС:

Π‘ΠΏΡ€Π°Π²ΠΊΠ° ΠΏΠΎ подписи отобраТаСтся автоматичСски ΠΏΡ€ΠΈ Π²Π²ΠΎΠ΄Π΅ ( ΠΈΠ»ΠΈ , Π² Π²Ρ‹Π·ΠΎΠ²Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.НаТмитС β‡§βŒ˜ ΠŸΡ€ΠΎΠ±Π΅Π» (Windows, Linux Ctrl + Shift + ΠŸΡ€ΠΎΠ±Π΅Π»), Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ справку ΠΏΠΎ подписи.

Авто ΠΈΠΌΠΏΠΎΡ€Ρ‚

АвтоматичСский ΠΈΠΌΠΏΠΎΡ€Ρ‚ ускоряСт ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, прСдлагая доступныС ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ для всСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π΅Π³ΠΎ зависимостСй. Когда Π²Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· этих ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ, VS Code автоматичСски добавляСт ΠΈΠΌΠΏΠΎΡ€Ρ‚ для Π½Π΅Π³ΠΎ Π² Π½Π°Ρ‡Π°Π»ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΎΡΡ‚ΠΎ Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ прСдлоТСния для всСх доступных символов JavaScript Π² вашСм Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅. Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ автоматичСского ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, ΠΎΡ‚ΠΊΡƒΠ΄Π° ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹:

Если Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ ΠΎΠ΄Π½ΠΎ ΠΈΠ· этих ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ автоматичСского ΠΈΠΌΠΏΠΎΡ€Ρ‚Π°, VS Code Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ для Π½Π΅Π³ΠΎ ΠΈΠΌΠΏΠΎΡ€Ρ‚.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ VS Code добавляСт ΠΈΠΌΠΏΠΎΡ€Ρ‚ для Button ΠΈΠ· material-ui Π² Π½Π°Ρ‡Π°Π»ΠΎ Ρ„Π°ΠΉΠ»Π°:

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ автоматичСский ΠΈΠΌΠΏΠΎΡ€Ρ‚, установитС "javascript.suggest.autoImports" Π½Π° false .

Π‘ΠΎΠ²Π΅Ρ‚: VS Code пытаСтся ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° для использования. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ явно Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ ΠΏΡƒΡ‚ΠΈ для ΠΈΠΌΠΏΠΎΡ€Ρ‚Π°, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π² ваш ΠΊΠΎΠ΄, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ javascript javascript.preferences.quoteStyle ΠΈ .Preferences.importModuleSpecifier настройки.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

ВстроСнный ΠΌΠΎΠ΄ΡƒΠ»ΡŒ форматирования JavaScript

VS Code обСспСчиваСт Π±Π°Π·ΠΎΠ²ΠΎΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° с Ρ€Π°Π·ΡƒΠΌΠ½Ρ‹ΠΌΠΈ значСниями ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ javascript.format. * Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ встроСнный ΠΌΠΎΠ΄ΡƒΠ»ΡŒ форматирования. Или, Ссли встроСнный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‚Π΅Ρ€ ΠΌΠ΅ΡˆΠ°Π΅Ρ‚, установитС "javascript.format.enable" Π½Π° false , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ.

Для получСния Π±ΠΎΠ»Π΅Π΅ спСциализированных стилСй форматирования ΠΊΠΎΠ΄Π° ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ форматирования JavaScript ΠΈΠ· Marketplace.

ВсС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ JavaScript VS Code Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с JSX:

Бинтаксис JSX ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π² ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°Ρ… * .js , Ρ‚Π°ΠΊ ΠΈ Π² Ρ„Π°ΠΉΠ»Π°Ρ… * .jsx .

VS Code Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ спСцифичныС для JSX Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ автоматичСскоС Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³ΠΎΠ² JSX:

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

УстановитС "javascript.autoClosingTags" Π½Π° false , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Ρ‚Π΅Π³Π° JSX.

Код Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ

Навигация ΠΏΠΎ ΠΊΠΎΠ΄Ρƒ позволяСт быстро ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ JavaScript.

  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ F12 - ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ исходному ΠΊΠΎΠ΄Ρƒ опрСдСлСния символа.
  • Peek Definition βŒ₯F12 (Windows Alt + F12, Linux Ctrl + Shift + F10) - Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠΊΠ½ΠΎ просмотра, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ отобраТаСтся ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ символа.
  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ссылкам ⇧F12 (Windows, Linux Shift + F12) - ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ всС ссылки Π½Π° символ.
  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ Ρ‚ΠΈΠΏΠ° - ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Ρ‚ΠΈΠΏΡƒ, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰Π΅ΠΌΡƒ символ. Для экзСмпляра класса это ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ сам класс, Π° Π½Π΅ мСсто, Π³Π΄Π΅ ΠΎΠ½ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π΅Π· поиск символов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄ ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ символу ΠΈΠ· ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄ (β‡§βŒ˜P (Windows, Linux Ctrl + Shift + P)).

  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ символу Π² Ρ„Π°ΠΉΠ»Π΅ β‡§βŒ˜O (Windows, Linux Ctrl + Shift + O)
  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ символу Π² Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области ⌘T (Windows, Linux Ctrl + T)

ΠŸΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ

НаТмитС F2, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Ρ‚ΡŒ символ ΠΏΠΎΠ΄ курсором Π² вашСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ JavaScript:

Π Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³

VS Code Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ нСсколько ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³ΠΎΠ² для JavaScript, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Extract function ΠΈ Extract constant .ΠŸΡ€ΠΎΡΡ‚ΠΎ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ исходный ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ, Π° Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π»Π°ΠΌΠΏΠΎΡ‡ΠΊΡƒ Π² ΠΆΠ΅Π»ΠΎΠ±Π΅ ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ (⌘. (Windows, Linux Ctrl +.)), Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ доступныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³Π°.

ДоступныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³Π°:

  • Π˜Π·Π²Π»Π΅Ρ‡ΡŒ ΠΈΠ· ΠΌΠ΅Ρ‚ΠΎΠ΄Π° ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.
  • Π˜Π·Π²Π»Π΅Ρ‡ΡŒ Π΄ΠΎ константы.
  • ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΎΠΌ ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΎΠΌ пространства ΠΈΠΌΠ΅Π½.
  • ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ».

Π‘ΠΌ. Π Π°Π·Π΄Π΅Π» Π Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³ для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³Π΅ ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ сочСтания клавиш для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³ΠΎΠ².

ΠΠ΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΈ нСдостиТимый ΠΊΠΎΠ΄

ΠΠ΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΊΠΎΠ΄ JavaScript, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π±Π»ΠΎΠΊ else Π² инструкции if , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всСгда являСтся истинным ΠΈΠ»ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚ Π±Π΅Π· ссылки, Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ затСняСтся:

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ этот Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΊΠΎΠ΄, помСстив Π½Π° Π½Π΅Π³ΠΎ курсор ΠΈ Π²Ρ‹Π·Π²Π°Π² ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ «БыстроС исправлСниС» (⌘. (Windows, Linux Ctrl +.)) Или Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π»Π°ΠΌΠΏΠΎΡ‡ΠΊΡƒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ постСпСнноС исчСзновСниС Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, установитС "editor.showUnused" Π½Π° false .Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ исчСзновСниС Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² JavaScript, установив:

  "[javascript]": {
    "editor.showUnused": false
},
"[javascriptreact]": {
    "editor.showUnused": false
},  

ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π°

ΠžΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ ДСйствиС источника сортируСт ΠΈΠΌΠΏΠΎΡ€Ρ‚ Π² Ρ„Π°ΠΉΠ»Π΅ JavaScript ΠΈ удаляСт всС Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚Ρ‹:

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠžΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΈΠ· контСкстного мСню Source Action ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сочСтания клавиш ⇧βŒ₯O (Windows, Linux Shift + Alt + O).

ΠžΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ автоматичСски ΠΏΡ€ΠΈ сохранСнии Ρ„Π°ΠΉΠ»Π° JavaScript, установив:

  "editor.codeActionsOnSave": {
    "source.organizeImports": true
}  

Код ДСйствия ΠΏΡ€ΠΈ сохранСнии

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ editor.codeActionsOnSave позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ ΠΊΠΎΠ΄ΠΎΠ²Ρ‹Ρ… дСйствий, запускаСмых ΠΏΡ€ΠΈ сохранСнии Ρ„Π°ΠΉΠ»Π°. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° ΠΏΡ€ΠΈ сохранСнии, установив:

  // ΠŸΡ€ΠΈ сохранСнии запуститС ΠΎΠ±Π° дСйствия fixAll ΠΈ organizationImports источника
"Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.codeActionsOnSave ": {
    "source.fixAll": ΠΏΡ€Π°Π²Π΄Π°,
    "source.organizeImports": true,
}  

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ editor.codeActionsOnSave массив ΠΊΠΎΠ΄ΠΎΠ²Ρ‹Ρ… дСйствий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ ΠΏΠΎ порядку.

Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ исходныС дСйствия:

  • "organizationImports" - ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΏΡ€ΠΈ сохранСнии.
  • "fixAll" - АвтоматичСскоС исправлСниС ΠΏΡ€ΠΈ сохранСнии вычисляСт всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ исправлСния Π·Π° ΠΎΠ΄ΠΈΠ½ Ρ€Π°ΡƒΠ½Π΄ (для всСх поставщиков, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ESLint).
  • "fixAll.eslint" - АвтоисправлСниС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ESLint.
  • Β«addMissingImportsΒ» - ДобавляСт всС Π½Π΅Π΄ΠΎΡΡ‚Π°ΡŽΡ‰ΠΈΠ΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚Ρ‹ ΠΏΡ€ΠΈ сохранСнии.

Π‘ΠΌ. Node.js / JavaScript для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΊΠΎΠ΄Π°

VS Code автоматичСски ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Ρ‰ΠΈΠ΅ упрощСния ΠΊΠΎΠ΄Π°, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠΈ ΠΈΠ· . Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΎΠ±Π΅Ρ‰Π°Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ async ΠΈ await

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

УстановитС "javascript.suggestionActions.enabled" Π½Π° false , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ прСдлоТСния.

Бсылки CodeLens

Бсылки JavaScript CodeLens ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ встроСнноС количСство ссылок для классов, ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ², свойств ΠΈ экспортируСмых ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²:

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ссылки CodeLens, установитС "javascript.referencesCodeLens.enabled" Π½Π° true .

Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ количСство ссылок, Ρ‡Ρ‚ΠΎΠ±Ρ‹ быстро ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ список ссылок:

ОбновлСниС ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Ρ„Π°ΠΉΠ»Π°

Когда Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚Π΅ Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ импортируСтся Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ Π² вашСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ JavaScript, VS Code ΠΌΠΎΠΆΠ΅Ρ‚ автоматичСски ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ всС ΠΏΡƒΡ‚ΠΈ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΡΡ‹Π»Π°ΡŽΡ‚ΡΡ Π½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ»:

К соТалСнию, ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΈΠ΄Π΅ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML 5.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ javascript.updateImportsOnFileMove.enabled управляСт этим ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ. ДопустимыС значСния настроСк:

  • «подсказка» - По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π‘ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚, Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ ΠΏΡƒΡ‚ΠΈ ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Ρ„Π°ΠΉΠ»Π°.
  • "всСгда" - ВсСгда автоматичСски ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ ΠΏΡƒΡ‚ΠΈ.
  • "Π½ΠΈΠΊΠΎΠ³Π΄Π°" - НС ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒ ΠΏΡƒΡ‚ΠΈ автоматичСски ΠΈ Π½Π΅ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ.

Π›ΠΈΠ½Ρ‚Π΅Ρ€

ЛинтСрс Π²Ρ‹Π΄Π°Π΅Ρ‚ прСдупрСТдСния ΠΎ ΠΏΠΎΠ΄ΠΎΠ·Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ ΠΊΠΎΠ΄Π΅.Π₯отя VS Code Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ встроСнный Π»ΠΈΠ½Ρ‚Π΅Ρ€ JavaScript, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π»ΠΈΠ½Ρ‚Π΅Ρ€Π° JavaScript доступны Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅.

Π‘ΠΎΠ²Π΅Ρ‚: Π­Ρ‚ΠΎΡ‚ список динамичСски Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ΡΡ ΠΈΠ· VS Code Marketplace. ΠŸΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ описаниС ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ Π»ΠΈ Π²Π°ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Ρ‚ΠΈΠΏΠ°

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Ρ‚ΠΈΠΏΠΎΠ² ΠΈ ΠΎΡ‚Ρ‡Π΅Ρ‚ΠΎΠ² ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ… TypeScript Π² ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°Ρ… JavaScript. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ распространСнныС ошибки программирования.Π­Ρ‚ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Ρ‚ΠΈΠΏΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ интСрСсныС быстрыС исправлСния для JavaScript, Π² Ρ‚ΠΎΠΌ числС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΈΠΌΠΏΠΎΡ€Ρ‚ ΠΈ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ свойство .

TypeScript пытался вывСсти Ρ‚ΠΈΠΏΡ‹ Π² Ρ„Π°ΠΉΠ»Π°Ρ… .js Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π² Ρ„Π°ΠΉΠ»Π°Ρ… .ts . Если Ρ‚ΠΈΠΏΡ‹ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π²Π΅Π΄Π΅Π½Ρ‹, ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ явно с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² JSDoc. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ TypeScript ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ JSDoc для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Ρ‚ΠΈΠΏΠΎΠ² JavaScript, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π Π°Π±ΠΎΡ‚Π° с JavaScript.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Ρ‚ΠΈΠΏΠ° JavaScript Π½Π΅ являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ согласия.Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ инструмСнты ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ JavaScript, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ESLint, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ вмСстС со встроСнными функциями ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Ρ‚ΠΈΠΏΠΎΠ².

ΠžΡ‚Π»Π°Π΄ΠΊΠ°

VS Code ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ для JavaScript. УстанавливайтС Ρ‚ΠΎΡ‡ΠΊΠΈ останова, провСряйтС ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ ΠΏΠΎ стСку Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² ΠΈ выполняйтС ΠΊΠΎΠ΄ Π² консоли ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠžΡ‚Π»Π°Π΄ΠΊΠ°Β».

ΠžΡ‚Π»Π°Π΄ΠΊΠ° Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ свой клиСнтский ΠΊΠΎΠ΄ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Debugger для Chrome, Debugger для Edge ΠΈΠ»ΠΈ Debugger для Firefox.

ΠžΡ‚Π»Π°Π΄ΠΊΠ° Π½Π° сторонС сСрвСра

ΠžΡ‚Π»Π°Π΄ΠΊΠ° Node.js Π² VS Code с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ встроСнного ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°. Установка проста, ΠΈ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ руководство ΠΏΠΎ ΠΎΡ‚Π»Π°Π΄ΠΊΠ΅ Node.js.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ

VS Code поставляСтся с ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ JavaScript, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠΈ, сниппСты, Π»ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ инструмСнты JavaScript Ρ‡Π΅Ρ€Π΅Π· Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ.

Π‘ΠΎΠ²Π΅Ρ‚: ΠŸΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°ΡŽΡ‚ΡΡ динамичСски. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠ»ΠΈΡ‚ΠΊΡƒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π²Ρ‹ΡˆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ описаниС ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вас.Π‘ΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ большС Π½Π° Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ΅.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ шаги

Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ дальшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ:

  • Π Π°Π±ΠΎΡ‚Π° с JavaScript - Π‘ΠΎΠ»Π΅Π΅ подробная информация ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ JavaScript Π² VS Code ΠΈ способах устранСния распространСнных ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.
  • jsconfig.json - ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ описаниС Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° jsconfig.json .
  • IntelliSense - Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ IntelliSense ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ эффСктивно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для вашСго языка.
  • Debugging - Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ для вашСго прилоТСния.
  • Node.js - пошаговоС руководство ΠΏΠΎ созданию прилоТСния Express Node.js.
  • TypeScript - VS Code ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ TypeScript, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ привносит структуру ΠΈ ΡΡ‚Ρ€ΠΎΠ³ΡƒΡŽ Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΡŽ Π² ваш ΠΊΠΎΠ΄ JavaScript.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ эти Π²Π²ΠΎΠ΄Π½Ρ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎΡ€ΠΎΠ»ΠΈΠΊΠΈ:

  • IntelliSense - Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ IntelliSense с JavaScript.
  • Debugging - Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Node.js.

ΠžΠ±Ρ‰ΠΈΠ΅ вопросы

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π»ΠΈ VS Code JSX ΠΈ React Native?

VS Code ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ JSX ΠΈ React Native .Π’Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ IntelliSense для React / JSX ΠΈ React Native ΠΈΠ· автоматичСски Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ†ΠΈΠΈ (Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΠΈ) Ρ‚ΠΈΠΏΠ° ΠΈΠ· рСпозитория Ρ„Π°ΠΉΠ»ΠΎΠ² Π΄Π΅ΠΊΠ»Π°Ρ€Π°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° npmjs. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ популярноС Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ React Native ΠΈΠ· Marketplace.

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° ES6 для React Native , Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° компилятора allowSyntheticDefaultImports Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ true . Π­Ρ‚ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ компилятору ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ синтСтичСскиС Ρ‡Π»Π΅Π½Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΈ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ IntelliSense. React Native Π·Π° кулисами ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Babel для создания ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ выполнСния с Ρ‡Π»Π΅Π½Π°ΠΌΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Если Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ ΠΊΠΎΠ΄Π° React Native , Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ React Native Extension.

IntelliSense Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для Π²Π½Π΅ΡˆΠ½ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ

Automatic Type Acquisition Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для зависимостСй, Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… npm (ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π² package.json ), Bower (ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π² bower.json ) ΠΈ для ΠΌΠ½ΠΎΠ³ΠΈΡ… Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, пСрСчислСнных Π² вашСй структурС ΠΏΠ°ΠΏΠΎΠΊ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, jquery-3.1.1.min.js ).

Π˜ΠΌΠΏΠΎΡ€Ρ‚ стилСй ES6 Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ стиля ES6, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ объявлСния (Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΠΈ) Ρ‚ΠΈΠΏΠ° Π΅Ρ‰Π΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ экспорт стиля ES6, установитС для ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° компилятора TypeScript allowSyntheticDefaultImports Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ true.

  {
  "compilerOptions": {
    "ΠΌΠΎΠ΄ΡƒΠ»ΡŒ": "commonjs",
    "target": "es6",
    // Π­Ρ‚ΠΎ строка, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ
    "allowSyntheticDefaultImports": true
  },
  "exclude": ["node_modules", "** / node_modules / *"]
}  

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ / утСрянный JavaScript?

Π”Π°, ΠΌΠΎΠΆΠ½ΠΎ.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ исходныС ΠΊΠ°Ρ€Ρ‚Ρ‹ JavaScript Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠžΡ‚Π»Π°Π΄ΠΊΠ° Node.jsΒ».

Как ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ синтаксиса ΠΏΡ€ΠΈ использовании конструкций, ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΡ‚ ES6?

НСкоторыС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ хотят ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ синтаксичСскиС конструкции, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ½Π²Π΅ΠΉΠ΅Ρ€Π° ( |> ). Однако Π² настоящСС врСмя ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ языковой слуТбой JavaScript VS Code ΠΈ ΠΏΠΎΠΌΠ΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ ошибки. Для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всС Π΅Ρ‰Π΅ хотят ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эти Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΌΡ‹ прСдоставляСм настройку javascript.validate.enable .

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ javascript.validate.enable: false , Π²Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ всю Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ синтаксиса. Если Π²Ρ‹ это сдСлаСтС, ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΈΠ½Ρ‚Π΅Ρ€, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ESLint, для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ вашСго исходного ΠΊΠΎΠ΄Π°.

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ инструмСнты JavaScript, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Flow?

Π”Π°, Π½ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ языковыС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Flow, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Ρ‚ΠΈΠΏΠΎΠ² ΠΈ ошибок, ΠΌΠΎΠ³ΡƒΡ‚ ΠΌΠ΅ΡˆΠ°Ρ‚ΡŒ встроСнной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ JavaScript Π² VS Code. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ JavaScript Π² VS Code, см. ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ JavaScript.

10.09.2020

.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *