Браузер Atom не обновляется

Обновлено: 20.11.2024

Atom – это бесплатный текстовый редактор с открытым исходным кодом, доступный для нескольких операционных систем, включая Linux, Mac и Windows. Это редактор кода общего назначения, разработанный GitHub, с яркой подсветкой синтаксиса для разных языков, от JavaScript до HTML и SQL. Он обладает широкими возможностями расширения: более 8000 различных бесплатных пакетов в стиле плагинов доступны для загрузки и установки. Большинство этих пакетов были созданы сторонними разработчиками, в то время как другие предлагаются Github и другими поставщиками, которые хотят, чтобы Atom хорошо работал с их продуктами и платформы.

По умолчанию он интегрируется с git (основой платформы управления исходным кодом Github). С помощью других загружаемых пакетов вы можете легко добавить поддержку других систем управления исходным кодом. Существует также обширная документация по использованию Atom, включая онлайн-книгу, а также документацию по созданию пакетов (для чего требуется знание JavaScript и CoffeeScript). Он доступен бесплатно и загружается с основного веб-сайта Atom. Вы можете искать дополнительные пакеты на официальной странице пакета.

За кулисами редактор Atom использует платформу Electron, которая по сути представляет собой изолированную версию браузера Chrome вместе с кодом Node.js; однако вам не нужно знать это, чтобы использовать его. Если вам интересно посмотреть исходный код или даже внести свой вклад в его разработку, вы можете найти все в официальном репозитории Atom на GitHub.

Обратите внимание, однако, что Atom является строго редактором и должен рассматриваться как таковой. Большая часть языковой поддержки представлена ​​в виде подсветки синтаксиса. Но если вы ищете полнофункциональную интегрированную среду разработки (IDE), включающую возможности отладки, вы можете поискать в другом месте, например, в VS Code или Eclipse. Также обратите внимание, что существуют пакеты расширений, обеспечивающие дополнительную языковую поддержку, включая отладку, но многие из этих пакетов больше не поддерживаются активно. Дополнительную информацию и предупреждения см. в разделе "Пакеты" ниже.

Установка в Windows

Чтобы установить Atom в Windows, перейдите на сайт atom.io, где вы найдете желтую кнопку «Загрузить». Загрузите файл, который, скорее всего, называется AtomSetup-x64.exe, и запустите его. Вариантов нет; установщик просто устанавливает Atom для текущего пользователя, закрывает и запускает Atom. При первом запуске Atom добавляет себя к системному пути текущего пользователя. Таким образом, вы можете запустить Atom из командной строки.

Ниже показано, как выглядит Atom при первом запуске. обратите внимание, что вверху есть подсказка о том, что Atom разрешено открывать определенные URI. Мы рекомендуем нажимать Нет, Никогда и нажимать любые другие параметры только после того, как вы прочтете документацию по этой функции. (Мы не будем использовать эту функцию здесь, в ProgrammableWeb.)

Теперь закройте Atom. В следующем разделе мы покажем, как открыть его из командной строки.

Тестирование

Теперь вы можете протестировать установку Atom. Откройте командную строку Windows и просто введите:

" . " указывает Atom запускаться в текущем каталоге. Если хотите, вы можете опустить его, и Atom запустится в каталоге по умолчанию или в каталоге, в котором вы его последний раз запускали. Или вы можете указать полный путь, например:

Atom запустится и на этот раз будет выглядеть следующим образом:

Область слева представляет собой древовидное представление каталога вашего текущего проекта; вы можете щелкнуть файлы один раз, чтобы открыть предварительный просмотр в редакторе (во время которого вкладка файла справа будет выделена курсивом), и вы можете дважды щелкнуть, чтобы полностью открыть файл для редактирования. В режиме предварительного просмотра, если вы начнете редактировать файл, он откроется полностью. Или, если вы щелкнете один раз по другому файлу, предыдущий файл, который вы просматривали, закроется, а этот другой файл откроется в режиме предварительного просмотра. В то время как справа у вас может быть открыто несколько вкладок для одновременного редактирования нескольких файлов, для предварительного просмотра доступна только одна вкладка. Другими словами, вы можете просматривать только один файл за раз.

Правая часть окна — это область редактора, которую можно разделить на отдельные панели редактора. Каждая панель может содержать любое количество файлов, каждый из которых отображается в виде вкладки вверху. На изображении выше вы можете видеть, что область редактора разделена на две панели. Вы можете перетаскивать вкладки редактора между панелями; если вы перетащите их все в одну панель, пустые панели закроются. Вы можете закрыть вкладки, нажав X в правом верхнем углу каждой вкладки.(При первом запуске Atom одна вкладка представляет собой окно с запросом согласия на телеметрию, в котором вы можете выбрать, отправлять ли данные отладки команде Atom.)

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

Нажмите на значок, и панель свернется влево. Теперь, когда вы наведете указатель мыши на левый край окна Atom, вы увидите тот же значок в обратном порядке; щелкните ее, чтобы снова открыть панель. Вы также можете переместить панель проекта в правую часть окна, перетащив ее заголовок в середину правой части окна Atom. Когда вы это сделаете, теперь вы можете свернуть панель вправо, а не влево, наведя указатель мыши на левый край панели. Различные пакеты добавляют в Atom разные панели, и вы также можете перетаскивать и сворачивать их.

Вы можете открыть дополнительные окна Atom, щелкнув меню «Файл» -> «Открыть папку». Когда вы выберете папку, откроется совершенно новое окно приложения Atom.

Настройка атома

Здесь, в ProgrammableWeb, мы создаем большой набор руководств, в которых будет использоваться общий набор конфигураций. Чтобы сделать это как можно проще, у нас будет корневой каталог разработки, в котором вы сможете сохранять свои проекты. Из-за большого количества проектов мы предлагаем открыть редактор кода так, чтобы он указывал на текущий каталог проекта (независимо от того, над каким проектом вы работаете в данный момент), а не на корень всех проектов. Мы также собираемся использовать стандартный набор конфигураций и плагинов для редакторов.

Atom имеет огромное количество опций. Вы можете получить доступ к настройкам Atom любым из следующих способов:

  • Выберите меню "Файл" > "Настройки".
  • Нажмите Ctrl + ,

Страница настроек находится внутри области редактора и имеет вкладку вверху. Чтобы закрыть страницу настроек, просто нажмите кнопку закрытия на вкладке.

Вы также можете настроить Atom с помощью кода, предоставив файл CoffeeScript в каталоге .atom, который находится вне вашего пользовательского каталога, который обычно находится в C:\Users\ . В этом файле вы можете предоставить пользовательский код запуска и даже вызывать пакеты настройки, которые вы пишете сами. Здесь, в ProgrammableWeb, мы не будем выполнять настройку с помощью кода, но вы можете узнать об этом подробнее здесь. Затем вы сможете узнать больше о том, что команда Atom называет «взломом Atom». Однако мы добавим некоторые пакеты, предоставленные сообществом, которые мы обсудим ниже.

Помимо страницы настроек, Atom предоставляет доступ ко многим настройкам через палитру команд; небольшое окно, в котором вы можете вводить команды для управления Atom. Вы можете получить доступ к палитре команд одним из следующих способов:

  • Выберите меню «Вид» -> «Переключить палитру команд».
  • Нажмите Ctrl+Shift+P

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

Вот некоторые основные настройки, которые мы рекомендуем.

Вкладки и пробелы. Отступ подразделов кода, таких как внутренние части оператора if-then-else или цикла do-while, является важной привычкой для облегчения чтения. Не только для вас, но и для других, которым, возможно, придется просмотреть ваш код позже. Как и в других редакторах кода, в Atom есть функция отступов. Хотя это горячо обсуждаемая тема, мы собираемся установить наши отступы в виде пробелов вместо вкладок по одной простой причине: пробелы лучше подходят для копирования и вставки кода с наших веб-страниц в редакторы. (После этого вы можете изменить формат на табуляцию, если хотите.) Мы будем использовать четыре пробела, чтобы облегчить чтение нашего кода.

Предупреждение о языке. В отличие от большинства других языков, Python полагается на уровни отступов и требователен к согласованности между пробелами и вкладками. Если вы решите преобразовать любой код Python из пробелов во вкладки, вы должны убедиться, что делаете это для всего файла. В противном случае вы получите ошибки, как только запустите программу.

Мы рекомендуем вам просмотреть доступные настройки, чтобы настроить редактор по своему вкусу.

Шрифты и размеры. Это зависит от вас, поскольку у всех нас разное видение и визуальные потребности. Atom позволяет вам выбирать шрифты и размеры, которые вы предпочитаете. К сожалению, имя семейства шрифтов — это одна из областей, где Atom не особенно удобен для пользователя, поскольку он использует синтаксис HTML/CSS для имен семейств шрифтов. Семейства шрифтов HTML/CSS обычно представляют собой списки имен шрифтов, заключенных в одинарные кавычки (если в имени шрифта есть пробелы), с запятыми между именами шрифтов.

Настройка называется «Семейство шрифтов» и находится в разделе настроек «Редактор». Там нет выпадающего списка или выбора любого вида. Вам просто нужно знать, какие шрифты доступны в вашей системе, и вы можете ввести их здесь. Вы можете узнать, какие шрифты установлены в вашей системе, щелкнув панель задач и в поле поиска введите «шрифт» и выберите «Настройки шрифта» в предложениях; откроется окно «Шрифты» со списком шрифтов, установленных на вашем компьютере.

Размер более прост. В поле «Размер шрифта» просто введите нужный размер шрифта в редакторе.

Вы также можете установить уровень масштабирования с помощью горячих клавиш; этот уровень относится только к области редактора. Попробуйте следующее: при открытом файле, удерживая нажатой клавишу Ctrl, введите клавишу +, для чего может потребоваться нажатие клавиши Shift в зависимости от того, какую клавишу + вы используете. Вы увидите, что текст редактора увеличится внутри. Измените его, нажав Ctrl и клавишу минус.

Рекомендуемые пакеты

Затем вы можете искать пакеты в текстовом поле вверху. После поиска вы можете установить пакет, щелкнув пакет «Установить» рядом с его именем. Если пакет уже установлен, кнопка «Установить» будет заменена кнопкой «Отключить». Каждый пакет имеет уникальное имя, которое можно найти.

Многие компоненты, встроенные в Atom, на самом деле являются пользовательскими пакетами. Например, древовидное представление проекта слева — это пакет, и вы можете удалить его и заменить пакетом из сообщества, который может иметь другие функции, которые вы предпочитаете. Вы можете найти их, выполнив поиск пакетов по слову "дерево".

Вы также можете искать пакеты на основном веб-сайте Atom здесь. При желании вы можете скачать код любого пакета и установить его вручную; однако мы рекомендуем устанавливать из самого редактора.

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

Важное примечание. Мы обнаружили, что в результатах поиска отображается много пакетов, которые больше не поддерживаются, и, к сожалению, команда Atom не удаляет их. Будьте осторожны с такими пакетами. Всегда проверяйте статус пакета, щелкнув ссылку «Repo» на странице пакета, которая обычно ведет на страницу GitHub. Посмотрите на код, указанный на странице GitHub, и обратите внимание на даты. Если вы видите даты, сделанные несколько дней назад, это хороший признак того, что пакет поддерживается. Если даты более двух или трех лет назад, они, вероятно, не поддерживаются. Вы также можете щелкнуть ссылку Проблемы на странице GitHub и посмотреть, не устраняются ли проблемы и говорят ли пользователи, что пакет больше не работает.

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

Вот некоторые специальные примечания по некоторым из этих языков.

Node.js и JavaScript. По умолчанию в Atom реализована отличная подсветка синтаксиса JavaScript. Сообщество предоставило несколько пакетов node.js; однако многие из наиболее полезных (например, интеграция с отладчиком node.js) активно не поддерживаются, а некоторые даже больше не работают. По умолчанию Atom поставляется с пакетами language-javascript и language-JSON. Мы не рекомендуем никаких других.

TypeScript. Сообщество создало отличный пакет TypeScript, который активно поддерживается. В настоящее время его скачали более 1,7 миллиона раз. Найдите пакеты для атома-типописи.Вы можете рассмотреть возможность замены языка по умолчанию, language-typescript, на atom-typescript.

Варианты: запуск Atom из подсистемы Windows для Linux (WSL)

Когда Atom работает в Windows, он не имеет прямого доступа к файлам, хранящимся в ваших каталогах WSL. (В отличие от Visual Studio Code, который полностью интегрирован с WSL.) Таким образом, у вас есть несколько вариантов редактирования файлов внутри WSL:

  • Переключиться на Visual Studio Code
  • Использовать другой редактор внутри WSL
  • Установите Atom внутри WSL.

Последний вариант — установка Atom внутри WSL — хорошо работает, если вы собираетесь работать строго внутри WSL. Однако для этого требуется установить X-сервер. (Мы рекомендуем бесплатную версию MobaXterm, так как она полностью интегрирована с WSL.) Затем вам следует следовать инструкциям по установке Atom в Linux при работе внутри WSL.

После этого вы можете запустить атом из оболочки bash WSL, просто набрав:

Необязательно: интеграция с Git

На момент публикации этой статьи Git был наиболее часто используемым программным обеспечением для управления исходным кодом. Мы решили использовать git для управления исходным кодом в сочетании с веб-сайтом GitHub, на котором размещен код, хранящийся в git. Вам не обязательно использовать git для использования наших примеров; вы даже можете загрузить образцы в виде файлов .zip с наших соответствующих страниц проекта GitHub и вообще не использовать git. Но если вы решите использовать git, вы можете легко отправить предложения по улучшению нашего кода.

По умолчанию Atom поставляется с несколькими пакетами, которые интегрируются с Git. В частности, один из них называется language-git. Вам не нужно устанавливать какие-либо дополнительные инструменты для работы с Git из Atom.

В этом примере файл app.js на правой панели отмечен желтым кружком, что означает, что он был изменен, но находится в неподготовленной области. Файл package.json также был изменен и, следовательно, отмечен желтым кружком, но был добавлен в промежуточную область. (Обратите внимание, что многие разработчики, которые используют git в командной строке, пропускают область подготовки и передают свои файлы напрямую, и поэтому редко видят файлы в области подготовки.)

Вы можете переместить файлы в промежуточную область, щелкнув правой кнопкой мыши файл в списке неподготовленных файлов и выбрав "стадия" во всплывающем меню. Вы можете переместить их обратно из промежуточной области, щелкнув правой кнопкой мыши файл в промежуточной области и во всплывающем окне выбрав "не помещать в промежуточную форму".

Затем, когда вы будете готовы зафиксировать промежуточные файлы, заполните область сообщений своим сообщением о фиксации и нажмите "Зафиксировать в мастер".

В редакторе можно выполнять множество других задач git. Обратите внимание, однако, что обычно мы не рекомендуем использовать git только из Atom. Мы думаем, что большинство команд разработчиков обычно все еще используют версию git для командной строки, и многие задачи, откровенно говоря, немного более интуитивно понятны для использования в командной строке, чем внутри Atom. Поэтому мы применяем двусторонний подход к git:

  • Когда вы редактируете код внутри репозитория git, обратите внимание на желтые кружки, которые появляются рядом с вашими файлами в окне git, когда вы добавляете и изменяете файлы.
  • Если вам нужно выполнить какую-либо работу с git (например, создать ветки, добавить и зафиксировать файлы), мы рекомендуем использовать командную строку.

Наши будущие проекты здесь, в ProgrammableWeb, будут иметь бесплатные репозитории на Github. (И мы приветствуем запросы на вытягивание с предлагаемыми изменениями; мы делаем этот проект управляемым сообществом.)

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

Atom - безопасное браузерное приложение у вас не работает или вам есть чем поделиться?

Common Atom: проблемы с безопасным браузером и шаги по устранению неполадок

✅ У меня черный экран/белый экран (пустой экран), когда я открываю Atom - безопасный браузер?

Это одна из самых распространенных проблем с мобильными телефонами и планшетами. Обычно, когда вы открываете приложение, вы видите черный экран на несколько секунд, а затем приложение вылетает с сообщением об ошибке или без него. Есть несколько способов решить эту проблему.

  1. В большинстве случаев это может быть временная проблема с загрузкой. Вам просто нужно нажать на меню последних приложений (обычно это первая левая кнопка) в вашем телефоне. Затем вы закрываете приложение, в котором возникла эта проблема. Теперь снова откройте приложение. Это может работать нормально.
  2. Попробуйте перезагрузить iPhone/iPad.Нажмите кнопку выключения питания на несколько секунд, а затем выберите в меню «Перезагрузка», чтобы перезагрузить устройство. Теперь вы можете попробовать открыть приложение, оно может работать нормально.
  3. Если ничего из вышеперечисленного не помогло, подождите, пока разрядится аккумулятор телефона и он автоматически выключится. После этого поставьте его на зарядку и нажмите кнопку включения. Это может сработать после этого.
  4. Наконец, если вы не можете ничего исправить, вам может потребоваться удалить приложение и установить его заново. iOS обычно предоставляет возможность восстановить настройки и контент из резервной копии iCloud, если вы ранее включили эту функцию.
  5. Даже в некоторых редких случаях повторная установка также не работает. Если это ваш случай, попробуйте установить более старые версии приложения. Удачи!

✅ My Atom - защищенное браузерное приложение не загружается или работает неправильно (ошибка загрузки / ошибка сервера / ошибка подключения / зависание экрана / проблема с пингом).

Есть несколько ситуаций, которые могут вызвать проблемы с загрузкой мобильных приложений.

  1. Возможно, сервер приложений Atom – безопасный браузер не работает, и это вызывает проблемы с загрузкой. Пожалуйста, попробуйте через несколько минут.
  2. Ваше Wi-Fi/мобильное соединение для передачи данных не работает должным образом. Проверьте подключение для передачи данных.
  3. Слишком много пользователей используют приложение одновременно. Пожалуйста, попробуйте через несколько минут.

✅ У меня проблема с Atom – безопасный вход в браузер или проблемы, связанные с учетной записью.

Если у вас возникли проблемы со входом в систему или учетной записью, выполните следующие действия.

  1. Сервер защищенного браузера Atom может быть недоступен, что вызывает проблемы со входом/учетной записью. Попробуйте войти через несколько минут.
  2. Ваше Wi-Fi/мобильное соединение для передачи данных не работает должным образом. Проверьте подключение для передачи данных.
  3. Возможно, вы пытаетесь использовать неправильные учетные данные для входа. Подтвердите правильность введенных данных.
  4. Если для входа вы используете сторонние социальные сети, такие как facebook, twitter, google и т. д., проверьте, правильно ли работает эта служба, посетив их официальный веб-сайт.
  5. Ваша учетная запись может быть заблокирована или деактивирована за действия. Прочтите сообщения об ошибках.

✅ У меня проблемы с установкой приложения Atom – безопасный браузер.

  1. Проверьте соединение с Wi-Fi/Интернетом.
  2. Пожалуйста, проверьте место на мобильном устройстве. Если на вашем диске недостаточно места, приложение не может быть установлено.
  3. Убедитесь, что приложение, которое вы пытаетесь установить, поддерживает вашу версию iOS.

✅ Приложение My Atom – безопасный браузер не обновляется должным образом на моем телефоне.

  1. Пожалуйста, проверьте ваше Wi-Fi/мобильное соединение для передачи данных и убедитесь, что оно работает правильно. Возможно, он не работает и не позволяет вам обновить приложение Atom – безопасный браузер.
  2. Убедитесь, что на вашем телефоне достаточно места для загрузки обновлений. Если у вас недостаточно места для хранения, это может блокировать обновления приложения.

✅ Проблема с загрузкой аудио/видео в безопасном браузере Atom.

  1. Если у вас проблемы со звуком, проверьте громкость телефона. Попробуйте использовать наушники, чтобы выяснить, связана ли проблема с динамиками или с приложением.
  2. Если у вас возникли проблемы с загрузкой видео, проверьте скорость интернет-соединения и подключение к Wi-Fi.

✅ Atom — приложение для безопасного браузера. Уведомления работают неправильно.

  1. Откройте Настройки->Уведомления->Atom - безопасный браузер и проверьте, включены ли уведомления. Если он не включен, включите его.
  2. Кроме того, если вы не слышите звуки уведомлений, еще раз убедитесь, что вы случайно не отключили звуки уведомлений приложений.

✅ Я вложил деньги в Atom - безопасный браузер. Но я не вижу, чтобы он добавился к моему балансу.

  1. Компании/разработчику приложения может потребоваться некоторое время для обработки платежа и зачисления средств на ваш счет. Пожалуйста, проявите терпение в течение 24-48 часов и посмотрите, будет ли сумма зачислена на ваш счет. Если нет, свяжитесь с компанией-разработчиком, используя контактную информацию, указанную ниже.

✅ Я выиграл деньги в Atom - безопасный браузер и как вывести деньги на мой банк/paypal?

  1. Вы можете перейти в меню своей учетной записи, а затем, как правило, вы можете увидеть вариант вывода средств, как только вы достигнете порога вывода средств. Вы можете использовать эту функцию, чтобы инициировать запрос на вывод средств.

✅ Я вывел деньги с Atom - безопасный браузер и не попал в свой аккаунт/paypal. Как проверить?

  1. Вы можете войти в систему PayPal и посмотреть, есть ли зачисленные деньги. Если вы не видите транзакцию, вы можете открыть приложение и проверить статус вывода средств. Если вы видите, что снятие средств успешно обработано и не поступает в ваш банк/paypal, обратитесь к разработчикам приложения/поддержке.

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

Введение

Текстовые редакторы, также называемые редакторами кода, представляют собой приложения, используемые разработчиками для написания кода. Они выделяют и форматируют ваш код, чтобы его было легче читать и понимать. Если вы использовали Codecademy, вы уже знакомы с текстовым редактором! Это область, в которой вы пишете свой код.

Текстовые редакторы предоставляют веб-разработчикам ряд преимуществ:

  • Подсветка синтаксиса для конкретного языка
  • Автоматический отступ кода
  • Цветовые схемы в соответствии с вашими предпочтениями и оптимизируют читаемость кода.
  • Подключаемые модули для обнаружения ошибок в коде
  • Древовидное представление папок и файлов вашего проекта для удобной навигации по проекту.
  • Сочетания клавиш для ускорения разработки

1. ВЫБОР ТЕКСТОВОГО РЕДАКТОРА

На выбор предлагается несколько текстовых редакторов. Atom и Sublime Text — два самых популярных текстовых редактора, используемых разработчиками.

Sublime Text уже много лет является предпочтительным текстовым редактором. Он стабилен и надежен.

Atom был выпущен GitHub после Sublime Text. Это полностью настраиваемый текстовый редактор. Поскольку Atom написан на HTML, CSS и JavaScript, вы сможете настроить его самостоятельно после изучения этих языков.

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

Упражнение I. Загрузите Atom

В этом видео подробно показано, как загрузить и установить Atom.

В этом упражнении мы рекомендуем выполнить следующие действия, чтобы загрузить Atom.

ОС Х

Atom работает на компьютерах Mac под управлением OS X 10.8 или более поздней версии. Посетите домашнюю страницу Atom и нажмите «Загрузить для Mac». Через несколько секунд Atom появится в папке «Загрузки» в виде ZIP-файла:

Нажмите на файл atom-mac.zip, чтобы извлечь приложение, затем перетащите новый значок в папку «Приложения». Дважды щелкните значок приложения, чтобы загрузить Atom и начать работу.

Окна

Atom поддерживает Windows 7 или более позднюю версию. Посетите эту веб-страницу и загрузите atom-windows.zip. Через несколько секунд Atom появится в папке «Загрузки» в виде ZIP-файла.

Для начала следуйте инструкциям установщика Windows. Вы можете посетить страницу установки Atom для Windows для получения более подробных инструкций.

2. Папки разработки

Перед использованием текстового редактора важно настроить файловую систему. По мере роста количества и размера ваших проектов становится все более важным знать, где сохранять новые проекты и находить старые проекты.

Большинство разработчиков хранят свои проекты в удобном для поиска каталоге (который вы, возможно, привыкли называть папкой). Здесь, в Codecademy, мы рекомендуем назвать этот каталог проектами. Он будет хранить все ваши проекты кодирования. Всякий раз, когда вы создаете новый проект, независимо от того, насколько он мал, вы всегда должны создавать новую папку внутри каталога ваших проектов. Вы обнаружите, что проекты из одного файла могут быстро превратиться в большие проекты с несколькими папками.

Упражнение 2. Создайте папку разработки

Ниже приведены шаги, которые необходимо выполнить, чтобы создать новую папку для всех ваших программных проектов. Вы также узнаете, как загрузить новую папку проекта в Atom. Для шагов 1 и 2 перейдите к папке с помощью Finder (для пользователей Mac) или My Computer (для пользователей ПК).

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

В каталоге проектов создайте новую папку с именем HelloWorld . Все, что вы добавите в эту папку, станет частью вашего проекта HelloWorld.

Откройте Atom на своем компьютере.

Atom предоставляет древовидное представление вашего проекта, поэтому вы можете удобно переходить к различным папкам и файлам. В строке меню Atom выберите «Файл» > «Добавить папку проекта». Это запустит ваш файловый менеджер. Перейдите в папку HelloWorld и выберите Открыть. Папка откроется на боковой панели Atom. На данный момент в папке не должно быть содержимого. Мы добавим файл в следующем упражнении.

3. Добавление файла

Когда вы откроете Atom, появится приветственное руководство. Пока мы не будем знакомиться с Atom и начнем писать код.

Прежде чем вы научитесь добавлять файлы в папку проекта, важно понять назначение расширений файлов.

Расширение файла — это суффикс имени файла, описывающий тип содержимого, содержащегося в файле. Расширение файла всегда представляет собой последние 3 или 4 символа в имени файла, которым предшествует точка. Например, расширение файла HTML — .html , и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как веб-страницу.

После того, как Atom загрузит папку проекта, вы можете добавлять файлы.Шаги ниже описывают, как добавить файлы. Не беспокойтесь о том, чтобы сделать это на своем собственном компьютере. Мы вернемся к этому в упражнении 3.

  1. На верхней панели Atom выберите «Файл» > «Новый файл». Появится пустой файл без названия.
  2. На верхней панели Atom выберите «Файл» > «Сохранить» или «Сохранить как». Назовите файл с соответствующим расширением файла (.html, .css, .csv). Крайне важно указать правильное расширение файла, чтобы программы знали, как интерпретировать его содержимое.
  3. Начинайте программировать! Чаще сохраняйте файл. Это уменьшит вероятность потери несохраненной работы.

Упражнение III. Добавьте файл

В этом упражнении вы создадите файл index.html в своем проекте Hello World.

  1. На верхней панели Atom выберите «Файл» > «Новый файл». Появится пустой файл без названия.
  2. Прежде чем сохранить файл, скопируйте и вставьте следующий стандартный HTML-код:

Примечание. Весь текст в вашем файле имеет одинаковый цвет. Это изменится после того, как вы сохраните файл как .html .

<р>3. В верхней панели Atom выберите «Файл» > «Сохранить» или «Сохранить как».

<р>4. Назовите файл index.html. Крайне важно использовать расширение файла .html, чтобы текстовый редактор и веб-браузер знали, как интерпретировать ваш код.

4. Расширения файлов и подсветка синтаксиса

Atom и другие текстовые редакторы могут интерпретировать расширения файлов и обеспечивать подсветку синтаксиса для конкретного языка. Подсветка синтаксиса — это инструмент, который делает код более легким для чтения. Взгляните на свой файл index.html. Текст и теги разного цвета. Вот как Atom выделяет синтаксис .html. С каждым новым языком, который вы изучаете, Atom будет выделять текст таким образом, чтобы ваш код было легко читать. Это может отличаться от других текстовых редакторов, а также отличаться от того, как ваш код выделяется в Codecademy.

Упражнение IV. Откройте HTML-файл в веб-браузере

На этом этапе ваш файл готов для просмотра в веб-браузере. Следующие шаги следует предпринять вне Atom:

Эта статья подготовлена ​​Usersnap, решением для создания отчетов об ошибках с визуальными аннотациями, которое идеально подходит для Github, GitLab, Jira, Azure DevOps и т. д. Получите 15-дневную бесплатную пробную версию здесь.

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

Сегодня я покажу вам лучшие советы, хитрости и быстрые способы использования Atom. Так что лучше станьте профессионалом с Atom.

Что такое атом?

Для всех новичков позвольте мне кратко рассказать вам об Atom. Atom 1.0 был выпущен в мае 2014 г. как полноценный текстовый редактор для современных нужд.

В мае 2016 года команда разработчиков Atom опубликовала впечатляющую статистику. В целом, 15,9 миллиона загрузок и 1,1 миллиона пользователей в месяц, можно сказать, что Atom привлек внимание всего мира.

Хорошо, есть отличные альтернативные редакторы кода. Однако сегодня я собираюсь дать вам несколько профессиональных советов по Atom. И как с его помощью работать лучше и продуктивнее.

Дело не в инструментах. Это то, как вы их используете.

Итак, прежде чем мы начнем, загрузите Atom на atom.io.

Настройка Atom — основы

Прежде чем мы перейдем к профессиональным подробностям и советам, позвольте мне кратко рассказать вам, как настроить наиболее важные элементы (например, шрифты, стили, шаблоны и т. д.) в вашем новом редакторе кода Atom.

Набор и размер шрифта

Atom поставляется с хорошим семейством шрифтов по умолчанию (Monaco). Если вы хотите изменить его, вы можете сделать это, выбрав Atom > Preferences. В настройках редактора вы можете изменить семейство шрифтов или размер шрифта. Довольно аккуратно.

Разделить экран

У вас большой экран и вы хотите, чтобы определенные файлы располагались рядом? Без проблем. Просто щелкните правой кнопкой мыши и выберите «Разделить влево» или «Разделить вправо». Вот и все.

Прокрутить до конца

Если вы активируете параметр «Прокручивать до конца», редактор позволяет прокручивать до конца последней строки. Это звучит неуместно, однако это одна из тех маленьких деталей, которые помогают мне получить больше от моего Atom.

Показать направляющую отступа и невидимые элементы

Еще одна небольшая, но полезная настройка – отображение направляющей отступа и невидимых элементов. В зависимости от ваших предпочтений вы можете отображать индикаторы отступов и невидимые элементы в редакторе Atom.

Темы атома

Atom поставляется с набором тем по умолчанию. Темная тема (которую вы, вероятно, используете или видели у других людей) является основной темой по умолчанию и немного напоминает мне Sublime.

В текущей версии Atom поставляется с 4 основными темами пользовательского интерфейса, которые можно изменить в разделе Настройки > Темы.

Если вы хотите установить новые шаблоны, перейдите на вкладку Установить.

И вуаля, я только что установил новую тему и после ее активации запускаю Atom с совершенно новым интерфейсом (что вы думаете об этом материальном дизайне?).

Если вы также хотите изменить тему синтаксиса своего редактора, вы можете сделать это, установив новую тему синтаксиса, которую также можно активировать на вкладке темы.

Пакеты Atom

С помощью пакетов вы можете сделать свой редактор Atom еще более мощным. Существует множество отличных пакетов, и я рекомендую попробовать следующие.

  • Миникарта – предварительный просмотр всего исходного кода.
  • Emmet — пакет автозаполнения
  • Pigments — простой пакет для отображения цветов в проектах и ​​файлах
  • Пакет Git-Plus — делайте коммиты без терминала

Для получения дополнительных рекомендаций по пакетам обязательно ознакомьтесь с этой статьей.

Советы и рекомендации по работе с атомами

Итак, давайте перейдем к некоторым действительно полезным советам по использованию Atom.

Несколько курсоров

Просто удерживайте нажатой клавишу CMD (на Mac) или CTRL (в Windows) и нажимайте в любом месте, где хотите что-то написать. Просто вау.

Инструменты для работы с текстом

Иногда вам нужно изменить стили текста. Возможно, вы хотите, чтобы это было написано в верхнем регистре или нижнем регистре.

Просто выделите текст, перейдите в раздел Правка > Текст и выберите нужный вариант.

Сочетания клавиш Atom

Кто не любит сочетания клавиш? Они значительно упрощают жизнь и позволяют вам просто быть быстрее.

Большую часть времени мы забываем о тех, которыми пользуемся редко, и придерживаемся тех, которые используем ежедневно.

Дублировать строку.

Это настоящее спасение. Перейдите к любой строке в редакторе Atom и используйте следующий ярлык, чтобы скопировать и вставить эту конкретную строку.

  • На Mac: Cmd + Shift + D
  • В Windows: Ctrl + Shift + D.

Выберите следующие символы.

Это сочетание клавиш позволяет выделить следующее слово или символы.

И вуаля. Ваше слово будет выделено.

Отмена выбора следующих символов.

Ну, этот предлагает ту же функцию, но наоборот. Хотите отменить выбор выделенного слова или символа. Используйте этот.

Выделите все совпадающие символы.

Мне особенно нравится это. Если вы хотите массово редактировать все совпадающие символы в файле, вам понравится этот вариант.

  • На Mac: Cmd + Ctrl + G.
  • В Windows: Alt + F3.

Легкое комментирование.

И последнее, но не менее важное: позвольте мне показать вам, как вы можете легко преобразовать свой код в строки комментариев. С помощью следующего ярлыка вы можете превратить свой код в комментарий или комментарий в строку кода.

Подведение итогов.

Вау. Это было много, верно? Что ж, я надеюсь, что вы нашли эти советы и рекомендации полезными. И в лучшем случае вы включаете их в свое повседневное поведение. Потому что поверьте мне: они действительно повышают производительность.

Не хватает какого-либо пакета, совета или трюка? Дайте нам знать в разделе комментариев ниже.

Эта статья подготовлена ​​Usersnap, решением для создания отчетов об ошибках с визуальными аннотациями, которое идеально подходит для Github, GitLab, Jira, Azure DevOps и т. д. Получите 15-дневную бесплатную пробную версию здесь.

Читайте также: