Linter csslint error while running csslint

Настройка Atom от GitHub для работы с PHP, Python и некоторыми другими языками программирования

Изначально считаем что у Вас установлена поддерживаемая операционная система, Node.JS и Atom. В примерах мы работаем в OpenSUSE (13.1) в нём (и вообще в дистрибутивах *nix) уже «из коробки» обычно есть не только Python но PHP и другие языки программирования. Так же исправно работает на Ubuntu (>12.04). Если у Вас Windows 7 или 8, а раньше Вы с ними (языками) не работали то их предварительно необходимо скачать и установить.
Примечание: перед началом работы желательно запускать Atom под root.
опыт показывает — работает стабильнее

Linter

Идеология Atom к подсветке в том, что основным пакетом для работы с синтаксисом и его анализа будет Linter, который является верхним уровнем в API для других линтеров кода. Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor). Тем не менее, не все сторонние разработчики придерживаются этой идеологии и пишут свои плагины.

• linter-php , для PHP `php -l`
• linter-phpcs , для PHP, `phpc`
• linter-phpmd , для PHP, `phpmd`
• linter-pylint , для Python, `pylint`
• linter-pyflakes , для python, `pyflakes`
• linter-pep8, для python, `pep8`
• linter-flake8, для python, `flake8`
• linter-javac , для Java, `javac`
• linter-jshint , для JavaScript and JSON, `jshint`
• linter-jscs , для JavaScript, `jscs`
• linter-scss-lint , для SASS/SCSS, `scss-lint`
• linter-coffeelint , для CoffeeScript, `coffeelint`
• linter-csslint , для CSS, `csslint`
• linter-rubocop , для Ruby and Ruby on Rails, `rubocop`
• linter-tslint , для Typescript, `tslint`
• linter-xmllint , для XML, `xmllint`
• linter-shellcheck , для Bash, `shellcheck`
• linter-scalac , для Scala, `scalac`
• linter-clang , для C / C++, `clang`
• linter-ruby , для ruby, `ruby -wc`
• linter-lua , для Lua, `luac -p`

Пакет Script: запуск программ из Atom

Script — пакет для запуска кода в atom.

Установка пакета Script, возможна из командной строки:

или меню
Packages->Settings View->Install->Packages

Каждый язык работает, при наличии предварительно установленного компилятора / интерпритатора.
Пакет Script обновляется довольно часто. Например поддержка Swift появилась менее двух недель назад. Так что скорее всего в ближайшее время появится поддержка новых языков.

Для запуска программы необходимо выбрать
Packages—>Script—>Run

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

Для функционирования должен быть создан рабочий каталог.
Путь к нему нужно прописать здесь:
Packages—>Script—>Configure Script—>Current Working Directory
Заявку разработчикам на поддержку нового языка можно оставить здесь (отвечают быстро)

И немного юмора от разработчиков пакета Script,
у которых, судя по всему, спрашивают всё на свете:

первод: Атом не может найти Нод | Руби | Питон | Мои носки

Python

Поддержка подсветки этого языка идёт изначально. Пакеты для работы с синтаксисом и отладки:
Linter + Language Python + Linter Python Pep8 + Script

Script запускает код на Python, а Linter и Linter Python Pep8 покажут синтаксические ошибки.
Возможно Вам, для работы с Python также поможет Atom Python Debugger.
Подсветка ошибок и запуск после установки будут выглядеть так:

Swift

• пакет Swift Playground
• и уже описанный пакет Script.

Терминал

Для запуска исполняемого кода С, C++, Java иногда проще использовать сторонний пакет (не пакет Atom, а пакет вашего дистрибутива), который запускается через терминал, поскольку сам Atom поддерживает большое количество языков. Если Atom выступает в качестве редактора кода, a терминал рядом запускает его — это очень удобно для нас, поскольку терминал не имеет такое преимущество редактирования, как Atom.
Для запуска терминала в окне Atom установите пакет Term. Для запуска терминала в окне Atom выбрать
Packages—>Command Palette—>Toggle и Term
с нужными параметрами.

В заключении ещё один интересный кликабельный анимационный gif от разработчиков script, ссылки.

Я установил пакет скриптов, чтобы иметь возможность запускать программу Java в Редакторе Atom. Но я все еще не могу управлять им. Получение следующего сообщения об ошибке:

‘bash’ не распознается как внутренняя или внешняя команда, действующая программа или пакетный файл

чего здесь может не хватать?

Я использую Windows 7. Тот же редактор и тот же пакет работает в Ubuntu без каких-либо проблем.

3 ответов

1. получить GitHub Desktop от Сайт GitHub. Запустите программу установки для завершения.
2. получить Atom установщик Windows AtomSetup.exe из Сайт Atom.
3. после завершения установки Atom он запускается.
4. из меню пакета перейдите в «вид настроек». Нажмите на пункт подменю «установить пакеты / темы».
5. введите «script» в текстовом поле поиска, нажмите Enter.
6. найдите пакет с именем «script» (run code в Atom) в результате поиска и нажмите на кнопку Установить в области результатов.
7. после установки пакета создайте файл Java и нажмите Ctrl+Shift+B, чтобы запустить его.

1. GitHub Desktop является обязательным условием для среды Windows.
2. оба установщика имеют размер более 100 МБ, поэтому это может занять некоторое время.

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

Он работает со следующими изменениями:

• убедитесь, что путь Java добавлен к переменной PATH в переменных среды.
• так как я использую git, я установил git bash в моей системе Windows.
• установить путь Git bash в среде переменная.

теперь можно запускать Java из редактора atom. 🙂

Как было предложено на других форумах, Cygwin может быть другой лучшей альтернативой получить bash.

Пишем код на Java и Go в текстовом редакторе

Перед нами промышленная хлеборезка итальянской компании Brevetti Gasparin srl, модель 1700. Её производительность — от 16 до 60 булок в минуту:

.

А вот обычный нож для хлеба:

Чем мы воспользуемся, если захотим сделать пару бутербродов? Ответ очевиден. Инструмент должен соответствовать задаче.

Отдавая должное интегрированным средам разработки (IDE), таким как IntelliJ IDEA, Eclipse или NetBeans, стоит отметить, что в ряде случаев текстовый редактор будет более удачным выбором. Например, если мы только начинаем изучать тот или иной язык программирования, и хотим сосредоточиться именно на нём, а не на освоении IDE. Или когда нужно быстро написать что-то простое и небольшого объёма. Применение IDE тут будет явно избыточным.

Поэтому сейчас мы рассмотрим три текстовых редактора, которые можно использовать для написания и запуска кода на языках Java и Go.

Редакторы выбирались по следующим критериям:

1. Открытая лицензия, возможность бесплатного использования.
2. Настраиваемая подсветка кода.
3. Наличие системы плагинов или пакетов, позволяющих автоматизировать компиляцию и запуск написанных в редакторе программ.
4. Кроссплатформенность — возможность использовать редакторы в трёх основных операционных системах: Windows, Linux, Mac. Небольшая оговорка: третий рассмотренный редактор, Notepad++ единственный не до конца соответствует этому требованию, однако полностью соответствует первым трём.

• Официальный сайт: www.atom.io
• Разработчик: GitHub
• Лицензия: MIT, открытая

Atom – современный кроссплатформенный текстовый редактор с открытым исходным кодом для Linux, macOS и Windows, с поддержкой плагинов, написанных на Node.js и встраиваемых под управлением Git. Впервые был опубликован в 2014 году. Описывается как “A hackable text editor for the 21st Century” (Текстовый редактор с хаками для 21-го века). Обладает развитой системой пакетов для расширения функциональности.

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

Начнём с изменения размера табуляции. Пройдём от главного меню: File → Settings → Editor, пролистываем вниз до пункта Tab Length и вместо цифры 2 указываем 4.

Для компиляции и запуска Java и Go файлов нам потребуется дополнительный пакет Script. Устанавливаем, пройдя от главного меню File → Settings → Install. В окошке Search packages вводим название пакета Script и нажимаем кнопку Packages. У найденного таким образом пакета нажимаем кнопку Install.

Ожидаем окончания загрузки и установки – когда у пакета появятся кнопки Settings, Uninstall, Disable.

Нажимаем кнопку Settings и для параметра Default Working Directory (CWD) Behavior выбираем значение Directory of the script.

Теперь мы можем запускать компиляцию и выполнение кода на Java и Go нажимая сочетание клавиш Ctrl+Shift+B.

Добавим небольшой косметический штрих. Найдите в своей папке пользователя папку с именем .atom, зайдите туда и откройте в редакторе (в том же Atom) файл styles.less. Добавьте в его конец приведённый ниже фрагмент. Размер шрифта в консоли Script станет больше.

Ещё один совет. Чтобы Atom сохранял вкладки с файлами, начните работу с выбора папки проекта File → Open Folder…, указав папку с файлами, которые собираетесь редактировать.

Geany

• Официальный сайт: www.geany.org
• Разработчик: Geany e.V.
• Лицензия: GNU GPL, открытая

Geany – стабильный и лёгкий кроссплатформенный текстовый редактор с открытым исходным кодом для Linux, Windows, MacOS, BSD и Solaris. Первая версия вышла в 2005 году.

Простой интерфейс, основанный на GTK+, выглядит не так современно и элегантно, как у Atom. Зато для работы с Java и Go этот редактор готов сразу после установки и не нуждается ни в каких дополнительных настройках.

Для компиляции файла на Java достаточно нажать на панели кнопку Compile или клавишу F8. Для выполнения откомпилированного байт-кода нажимаем кнопку Execute или F5. Консоль с результатами выполнения открывается в отдельном окне.

Для запуска кода на Go достаточно одной кнопки Compile или клавиши F8.

Notepad++

• Официальный сайт: www.notepad-plus-plus.org
• Разработчик: Don Ho
• Лицензия: GNU GPL, открытая

Notepad++ – лёгкий и быстрый текстовый редактор с открытым исходным кодом. К сожалению, он не кроссплатформенный и доступен только для Windows.

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

После установки в меню Settings → Style Configurator…, выделив в списках пункты Global Styles и Default Style, можно настроить семейство и размер шрифта редактора. Там же есть возможность сменить тему целиком: “Select theme”.

Устанавливаем табуляцию 4 пробела, согласно Java Code Conventions: Settings → Preferences…, выделяем пункты Language и Java и включаем чекбокс Replace by space.

Для автоматизации компиляции и запуска кода скачиваем и настраиваем плагин NppExec. По ссылке представлены несколько версий, у меня установлен v0.5.9.9 dev. Разрядность плагина (x64 или x86) выбираем согласно разрядности установленного Notepad++. Скачав zip-архив, достаём из него файл NppExec.dll и копируем в папку плагинов. В моём случае полный путь к этой папке выглядит так – C:Program FilesNotepad++pluginsNppExec. После этого запускаем (или перезапускаем) Notepad++.

Настраиваем плагин, пройдя Plugins → NppExec:

В меню плагина включаем пункты:

• No internal messages
• Save all files on execute
• Follow $(CURRENT_DIRECTORY)

Затем добавляем команды компиляции, сначала для Java. Нажимаем Plugins → NppExec → Execute или просто нажмём F6. Наберём в окне Command(s) следующие команды (скрипт):

Как видим, первая строка вызывает компилятор для редактируемого файла. Вторая строка обеспечивает «обход» команды вызова виртуальной машины (в третьей строке) в случае компиляции с ошибками.

Нажав на кнопку Save…, введём в поле Script name название нашего скрипта – «java». Теперь, при редактировании, достаточно нажать сочетание клавиш Ctrl+F6 чтобы вызвать этот скрипт.

Теперь можно попробовать добавить другой скрипт, например, для Go. Нажимаем F6, вводим предложенную ниже строку и сохраняем этот скрипт под именем “go”.

Ещё одно «к сожалению»: в редакторе отсутствует подсветка синтаксиса языка Go по умолчанию. Однако это легко преодолеть, воспользовавшись советами со stackoverflow.com.

Резюме

Рассмотрев три простых текстовых редактора, мы убедились, что процесс их настройки для написания кода на Java и Go занимает считанные минуты. Так что добро пожаловать в мир лёгких и доступных инструментов для программистов. Пробуйте и получайте удовольствие.

Меня можно найти в Telegram под ником @biblelamp или на сайте GeekBrains. Буду рад любым замечаниям, пожеланиям и дополнениям.

Для тех, кто только начинает свой путь в Java и Go, у нас в блоге есть ещё кое-что интересное:

• Быстрый старт с Java: от знакомства до вашей первой игры
• Быстрый старт с Java: пишем «крестики-нолики»
• Быстрый старт с Java: «лопни шарик»
• Быстрый старт с Go: первые шаги

Если же вы хотите получить полноценное системное образование, ждём вас на факультетах Java и Go в Geek University!

Настройка Atom от GitHub для работы с PHP, Python и некоторыми другими языками программирования

Изначально считаем что у Вас установлена поддерживаемая операционная система, Node.JS и Atom. В примерах мы работаем в OpenSUSE (13.1) в нём (и вообще в дистрибутивах *nix) уже «из коробки» обычно есть не только Python но PHP и другие языки программирования. Так же исправно работает на Ubuntu (>12.04). Если у Вас Windows 7 или 8, а раньше Вы с ними (языками) не работали то их предварительно необходимо скачать и установить.
Примечание: перед началом работы желательно запускать Atom под root.
опыт показывает — работает стабильнее

Linter

Идеология Atom к подсветке в том, что основным пакетом для работы с синтаксисом и его анализа будет Linter, который является верхним уровнем в API для других линтеров кода. Это сделано для прекращения «войны между плагинами» (The idea is to stop the linter plugins war, by providing a top level API for linters to parse and display errors in the Atom editor). Тем не менее, не все сторонние разработчики придерживаются этой идеологии и пишут свои плагины.

• linter-php , для PHP `php -l`
• linter-phpcs , для PHP, `phpc`
• linter-phpmd , для PHP, `phpmd`
• linter-pylint , для Python, `pylint`
• linter-pyflakes , для python, `pyflakes`
• linter-pep8, для python, `pep8`
• linter-flake8, для python, `flake8`
• linter-javac , для Java, `javac`
• linter-jshint , для JavaScript and JSON, `jshint`
• linter-jscs , для JavaScript, `jscs`
• linter-scss-lint , для SASS/SCSS, `scss-lint`
• linter-coffeelint , для CoffeeScript, `coffeelint`
• linter-csslint , для CSS, `csslint`
• linter-rubocop , для Ruby and Ruby on Rails, `rubocop`
• linter-tslint , для Typescript, `tslint`
• linter-xmllint , для XML, `xmllint`
• linter-shellcheck , для Bash, `shellcheck`
• linter-scalac , для Scala, `scalac`
• linter-clang , для C / C++, `clang`
• linter-ruby , для ruby, `ruby -wc`
• linter-lua , для Lua, `luac -p`

Пакет Script: запуск программ из Atom

Script — пакет для запуска кода в atom.

Установка пакета Script, возможна из командной строки:

или меню
Packages->Settings View->Install->Packages

Каждый язык работает, при наличии предварительно установленного компилятора / интерпритатора.
Пакет Script обновляется довольно часто. Например поддержка Swift появилась менее двух недель назад. Так что скорее всего в ближайшее время появится поддержка новых языков.

Для запуска программы необходимо выбрать
Packages—>Script—>Run

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

Для функционирования должен быть создан рабочий каталог.
Путь к нему нужно прописать здесь:
Packages—>Script—>Configure Script—>Current Working Directory
Заявку разработчикам на поддержку нового языка можно оставить здесь (отвечают быстро)

И немного юмора от разработчиков пакета Script,
у которых, судя по всему, спрашивают всё на свете:

первод: Атом не может найти Нод | Руби | Питон | Мои носки

Python

Поддержка подсветки этого языка идёт изначально. Пакеты для работы с синтаксисом и отладки:
Linter + Language Python + Linter Python Pep8 + Script

Script запускает код на Python, а Linter и Linter Python Pep8 покажут синтаксические ошибки.
Возможно Вам, для работы с Python также поможет Atom Python Debugger.
Подсветка ошибок и запуск после установки будут выглядеть так:

Swift

• пакет Swift Playground
• и уже описанный пакет Script.

Терминал

Для запуска исполняемого кода С, C++, Java иногда проще использовать сторонний пакет (не пакет Atom, а пакет вашего дистрибутива), который запускается через терминал, поскольку сам Atom поддерживает большое количество языков. Если Atom выступает в качестве редактора кода, a терминал рядом запускает его — это очень удобно для нас, поскольку терминал не имеет такое преимущество редактирования, как Atom.
Для запуска терминала в окне Atom установите пакет Term. Для запуска терминала в окне Atom выбрать
Packages—>Command Palette—>Toggle и Term
с нужными параметрами.

В заключении ещё один интересный кликабельный анимационный gif от разработчиков script, ссылки.

Basic Java Compile

This package provides a simple shortcut to compile and execute standalone java files. Unlike other packages that support java file execution, the goal of this package is to support standard I/O with the scanner.

Setup

• Install the package
• Set JAVA_HOME in your environment variables (e.x: C:Program FilesJavajdk-x.x.x for Windows or just / on Linux for open-jdk)
• Start running projects using the context menus or keybinds

If JAVA_HOME is not set you will need to set it in the basic-java-compile settings

Keybinds

• Ctrl-Alt-R : Run java file
• Ctrl-Alt-Shift-R : Run java file (standalone; does not generate class files)
• Ctrl-Alt-X : Stop
• Ctrl-Alt-S : Show console
• Ctrl-Alt-M : Hide console

Settings

• Java Path: Set your java path here if it is not in JAVA_HOME
• Debug: Toggle to provide information about the file on compile
• Text Size: The font size in the panel
• Panel Height: The height of the panel

Questions? Comments? Bugs?

Submit a request at my GitHub repository

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we’ll investigate right away.

How can I run a Java program in Atom editor?

I installed a scripts package to be able to run a Java program in Atom editor. But I’m still not able to run it. Getting the following error message:

‘bash’ is not recognized as an internal or external command, operable program or batch file

What could be missing here?

I am using Windows 7. The same editor and same package runs on Ubuntu without any issues.

3 Answers 3

1. Get GitHub Desktop from GitHub Site. Run the installer to complete.
2. Get Atom Windows installer AtomSetup.exe from Atom Site.
3. Once Atom installation completes, it launches.
4. From Package Menu, Navigate to «Settings View». Click on the sub menu item «Install Packages/ Themes».
5. Type «script» in the search text box, hit Enter.
6. Look for a package named «script» (run code in Atom) in the search result and click on install button in the result pane.
7. Once the package is installed, create a Java file and click Ctrl+Shift+B to run it.

1. GitHub Desktop is a mandatory prerequisite for Windows environment.
2. Both of the installers are over 100 MB in size, so it can take some time.

Main reason for this issue is scripts package is NOT built for cross-platform. «bash» won’t be recognised on Windows. But we have following workarounds to make it work.

It works with following modifications:

• Ensure Java path is appended to PATH variable in environment variables.
• Since I am using git, I had installed git bash in my windows system.
• Set the git bash path in environment variables.

Now, able to run Java from atom editor. 🙂

As suggested in other forums, Cygwin could be other better alternative to get bash.