add atom setup guide

parent 11ad39d0
# Atom
[*Atom*](https://atom.io) — это бесплатный текстовый редактор с открытым исходным кодом для OS X, Linux, Windows с поддержкой плагинов, написанных на Node.js, и встраиваемых под управлением Git Control. Большинство плагинов имеют статус свободного программного обеспечения, разрабатываются и поддерживаются сообществом.
## Настройка Atom
Установка необходимых плагинов
- [git-control](https://atom.io/packages/git-control) - GUI для работы с git прямо из редактора
- [git-time-machine](https://atom.io/packages/git-time-machine) - Показывает историю файла из GIT
- [linter](https://atom.io/packages/linter) - Линтер
- [linter-eslint](https://atom.io/packages/linter-eslint) - Линтер для JavaScript
- [linter-less](https://atom.io/packages/linter-less) - Линтер для Less
- [linter-php](https://atom.io/packages/linter-php) - Линтер для PHP
- [linter-htmlhint](https://atom.io/packages/linter-htmlhint) - Линтер для HTML
- [emmet](https://atom.io/packages/emmet) - Emmet ускоряет написание HTML
- [docblockr](https://atom.io/packages/docblockr) - Плагин для создания комментов документации
- [editorconfig](https://atom.io/packages/editorconfig) - [EditorConfig](http://git.zolotoykod.ru/111/developer-guide/blob/master/1-standards/1.5-editorconfig.md)
- [language-pug](https://atom.io/packages/language-pug) - Поддержка подвсетки Pug (шаблонизатор)
```bash
apm install git-time-machine linter linter-eslint linter-less linter-php linter-htmlhint git-control emmet docblockr editorconfig language-pug
```
......@@ -3,6 +3,8 @@
## Разделы
- [Локальный сервер](http://git.zolotoykod.ru/111/developer-guide/blob/master/3-software/3.1-local-server.md)
- [Atom](http://git.zolotoykod.ru/111/developer-guide/blob/master/3-software/3.2-atom.md)
- [PHPStorm](http://git.zolotoykod.ru/111/developer-guide/blob/master/3-software/3.3-phpstorm.md)
## Основные инструменты
......@@ -37,92 +39,3 @@ Node.js используется практически в каждом прое
services.msc
```
1. Для просмотра в удобном виде базы MongoDB можно использовать [RoboMongo](https://robomongo.org/)
### [Sublime Text](http://www.sublimetext.com/) - кроссплатформенный редактор кода.
![Sublime Text](http://beta.hstor.org/storage2/8a4/83f/7a7/8a483f7a7efcf995491cb6d6a6474010.png)<br>
* [Скачать с официального сайта.](http://www.sublimetext.com/3)<br>
_Рекомендую установить **portable** версию для пользователей Windows._
* [Установка Package Control.](https://sublime.wbond.net/installation)<br>
Самый простой способ установки - это прямо в консоли Sublime Text. Консоль доступна с помощью `` ctrl+` `` или<br>
`View > Show Console menu`. После открытия вставьте соответствующий Python код для Вашей версии Sublime Text в консоль.
Для Sublime Text 3:
```python
import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
```
Для Sublime Text 2:
```python
import urllib2,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
```
* Установка пакетов доступна с помощью `Preferences > Package Control`, в списке выбрать `Install Package`. Через несколько секунд появится список доступных пакетов.
Нас интересуют следующие пакеты:<br>
* `Emmet` - [плагин для ускорения разработки](http://emmet.io/).
* `Jade` - подсветка кода для Jade.
* `Less` - подсветка кода для Less.
* `Stylus` - подсветка кода для Stylus.
* `CoffeeScript` - подсветка кода для CoffeeScript.
* Настройте редактор для удобства с помощью `Preferences > Settings - User`. После открытия файла пользовательских настроек вставьте код ниже и сохраните.
```js
{
// Всегда отображается карта кода с рамкой текущего положения
"always_show_minimap_viewport": true,
// Карта с рамкой
"draw_minimap_border": true,
// Папки будут отображаться жирным шрифтом
"bold_folder_labels": true,
// Подсветка кода по умолчанию Monokai
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
// Переносы строк по умолчанию в стиле Unix.
"default_line_ending": "unix",
// Если кодировка файла не будет распознана, то файл будет открыт в Кириллице (Windows 1251)
"fallback_encoding": "Cyrillic (Windows 1251)",
// Исключение файлов и папок в боковой панели
"folder_exclude_patterns": [
".svn",
".git",
"node_modules"
],
// Размер шрифта
"font_size": 8,
// Подсветка текущей линии
"highlight_line": true,
// Подсветка табов редактируемых файлов
"highlight_modified_tabs": true,
// Добавляет вертикальную линию после 120 символов
"rulers": [120],
// Горячие клавиши `shift + tab` убирают 1 уровень отступа
"shift_tab_unindent": true,
// Отображает отступы табуляции и пробелов
// Включать данный параметр необязательно, т.к. может затруднять чтение кода
"draw_white_space": "all",
// Убирает лишние табы и пробелы в конце строки
"trim_trailing_white_space_on_save": true,
// Добавляет новую строку в конце файла
"ensure_newline_at_eof_on_save": true
}
```
* Добавляем проект в Sublime Text с помощью `Project > Add Folder to Project`. Выбрав папку с проектом, он появится на панели проектов слева, которую можно открыть с помощью последовательных комбинаций горячих клавиш `ctrl+k` и `ctrl+b` или `View > Side Bar > Show Side Bar`.<br>
В панели проектов будет доступно дерево папок и файлов проекта.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment