{"id":4838,"date":"2018-01-12T13:00:02","date_gmt":"2018-01-12T04:00:02","guid":{"rendered":"https:\/\/tadtadya.com\/?p=4792"},"modified":"2021-01-25T15:23:32","modified_gmt":"2021-01-25T06:23:32","slug":"atom-introducing-packages-recommended-for-wordpress-development","status":"publish","type":"post","link":"https:\/\/tadtadya.com\/en\/atom-introducing-packages-recommended-for-wordpress-development\/","title":{"rendered":"Atom, Recommended packages for WprdPress development"},"content":{"rendered":"\n<p>Here are some recommended packages for the WordPress development environment with the text editor Atom.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-origin-block-msg-box\"><div class=\"msgbox msgbox-notice v1\"><i class=\"fas fa-exclamation-triangle icon\"><\/i><div class=\"msg\">\n<p>This is written by a Japanese who can't speak English with the help of translation application. Sorry if it's not good.<\/p>\n<\/div><\/div><\/div>\n\n\n<div id=\"toc\" class=\"idx-lst\">\n\t<input type=\"checkbox\" class=\"chk\" id=\"idx-lst-chk\" name=\"btn\" \/>\n\t<label class=\"idx-lst-hd\" for=\"idx-lst-chk\"><i class=\"fa-solid fa-check-double\"><\/i>Contents<\/label>\n\t<div class=\"idx-lst-bd\">\n\t\t<ul class=\"idx-lst-ul\">\n\t\t\t\t\t\t\t<li class=\"idx-lst-li idt0\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-1\" title=\"Recommended packages for WordPress development in the Atom editor\">Recommended packages for WordPress development in the Atom editor<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"idx-lst-li idt0\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-2\" title=\"Static checking of source code\">Static checking of source code<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"idx-lst-li idt1\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-3\" title=\"linter-phpcs\">linter-phpcs<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"idx-lst-li idt0\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-4\" title=\"Code completion\">Code completion<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"idx-lst-li idt1\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-5\" title=\"wordpress-api\">wordpress-api<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"idx-lst-li idt0\">\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t<a href=\"#index-list-6\" title=\"Summary\">Summary<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n\n\n\n\n<h2 class=\"is-style-h2df\" id=\"index-list-1\">Recommended packages for WordPress development in the Atom editor<\/h2>\n\n\n\n<p>As a prerequisite, WordPress requires a package for the PHP environment. For more details, please refer to this page.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-a-link-ext alk-ex\"><a href=\"https:\/\/tadtadya.com\/en\/atom-php-introducing-packages-recommended-for-development\/\" title=\"Atom, Recommended packages for php development\"><strong>Atom, Recommended packages for php development<\/strong> <i class=\"fas fa-angle-double-right\"><\/i><\/a><\/div>\n\n\n\n<p>In addition, I wrote about packages for HTML, CSS, and JavaScript environments.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-a-link-ext alk-ex\"><a href=\"https:\/\/tadtadya.com\/en\/atom-html-css-javascript\/\" title=\"Atom, Recommended packages for HTML, CSS, and JavaScript development\"><strong>Atom, Recommended packages for HTML, CSS, and JavaScript development<\/strong> <i class=\"fas fa-angle-double-right\"><\/i><\/a><\/div>\n\n\n\n<div class=\"wp-block-origin-block-msg-box\"><div class=\"msgbox msgbox-notice v1\"><i class=\"fas fa-exclamation-triangle icon\"><\/i><div class=\"msg\">\n<p>Atom has an IDE (Integrated Development Environment), and PHP is supported, but WordPress is not.<\/p>\n\n\n\n<p>linter is compatible with WordPress.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p>I'm going to introduce two packages for WordPress: the IDE is not compatible with WordPress, so I'll use linter.<\/p>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"index-list-2\">Static checking of source code<\/h2>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"index-list-3\">linter-phpcs<\/h3>\n\n\n\n<p><a href=\"https:\/\/atom.io\/packages\/linter-phpcs\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"https:\/\/atom.io\/packages\/linter-phpcs\">https:\/\/atom.io\/packages\/linter-phpcs<\/a><\/p>\n\n\n\n<p>WordPress is not a member of the <strong><span class=\"marker-yellow\">PSR<\/span><\/strong> standards body and does not adhere to the PSR coding conventions.<\/p>\n\n\n\n<p>WordPress has its own coding conventions, and linter-phpcs is compatible with WordPress coding conventions.<\/p>\n\n\n\n<p>This is a must-have package for WordPress development.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-word\"><details><summary>PSR (PHP Standards Recommendations)\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/summary>\n<p><a href=\"https:\/\/www.php-fig.org\/psr\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"https:\/\/www.php-fig.org\/psr\/\">https:\/\/www.php-fig.org\/psr\/<\/a><\/p>\n\n\n\n<p>A standardization effort for PHP coding, developed by PHP-FIG.<\/p>\n\n\n\n<p><strong><span class=\"marker-green\">PHP-FIG (PHP Framework Interop Group)<\/span><\/strong><\/p>\n\n\n\n<p><a href=\"http:\/\/www.php-fig.org\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"php-fig.org\">http:\/\/www.php-fig.org\/<\/a><\/p>\n\n\n\n<p>PHP Framework Interoperability Group, an organization where PHP projects get together to discuss and coordinate the compatibility of each other's products.<\/p>\n\n\n\n<p>Many famous projects are participating.<\/p>\n<\/details><\/div>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-point\">\n<ul><li>WordPress is not PSR compliant.<\/li><li>WordPress has its own coating conventions.<\/li><\/ul>\n<\/div>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"index-list-4\">Code completion<\/h2>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"index-list-5\">wordpress-api<\/h3>\n\n\n\n<p><a href=\"https:\/\/atom.io\/packages\/wordpress-api\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"https:\/\/atom.io\/packages\/wordpress-api\">https:\/\/atom.io\/packages\/wordpress-api<\/a><\/p>\n\n\n\n<p>This is a code completion package for WordPress, which shows input suggestions for functions and constants defined in WordPress.<\/p>\n\n\n\n<p>It is always a good idea to install WordPress when using it.<\/p>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"index-list-6\">Summary<\/h2>\n\n\n\n<p>Since atom-IDE is not yet compatible with WordPress, we introduced a linter-based package.<\/p>\n\n\n\n<p>Finally, I'll show you how I use it. atom-IDE is an IDE, after all, and I think it works smoothly.<\/p>\n\n\n\n<p>I also feel that an IDE is better because I am not only working with WordPress, but also using other things besides PHP.<\/p>\n\n\n\n<p>So this is how I use it.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<ul><li>Install both atom-IDE and linter.<\/li><li>I usually work with atom-IDE and disable the linter.<\/li><li>Switch from IDE to linter at regular intervals (about 2 weeks, like before a WordPress development release)<\/li><li>Make sure there are no coding errors in WordPress.<\/li><li>When you are done checking, return to the IDE.<\/li><\/ul>\n<\/div>\n\n\n\n<p>Please try it if it helps you.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-note\">\n<p>There is a conflict between atom-IDE and linter at the time of package installation.<\/p>\n\n\n\n<p>To install both, disable the previously installed package and then install the other one.<\/p>\n<\/div>\n\n\n\n<p>In this article, I have only introduced the minimum required package.<\/p>\n\n\n\n<p>If you install too many packages, atom will become sluggish and unusable.<\/p>\n\n\n\n<p>There are many useful packages available, so be careful not to install too many.<\/p>\n\n\n\n<p>We have also prepared a tutorial on how to set up a WordPress environment on Atom with captures. Please check it out.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-link em-group-related\">\n<div class=\"wp-block-origin-block-blog-card blog-card\"><div class=\"img\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/tadtadya.com\/en\/wp-content\/uploads\/sites\/2\/2018\/10\/atom-wordpress.png?ssl=1\" alt=\"atom for wordpress image\" data-recalc-dims=\"1\"\/><\/div><div class=\"text\"><h2 class=\"title\">Atom, Build WordPress development environment<\/h2><div class=\"content\"><\/div><small class=\"host\">tadtadya.com<\/small><\/div><a href=\"https:\/\/tadtadya.com\/en\/atom-build-a-wordpress-development-environment\/\" title=\"Atom, Build WordPress development environment\"><\/a><\/div>\n<\/div>\n\n<!-- WP QUADS Content Ad Plugin v. 2.0.65.1 -->\n<div class=\"quads-location quads-ad2\" id=\"quads-ad2\" style=\"float:none;margin:0px;\">\n<ul class=\"quads-location-ul\">\r\n<li class=\"quads-location-li li-1\">\r\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-4926008942376207\"\r\n     data-ad-slot=\"6550760310\"\r\n     data-ad-format=\"auto\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<\/li>\r\n<li class=\"quads-location-li li-2\">\r\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-4926008942376207\"\r\n     data-ad-slot=\"6550760310\"\r\n     data-ad-format=\"auto\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<\/li>\r\n<\/ul>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Here are some recommended packages for the WordPress development environment with the text editor Atom.<\/p>\n","protected":false},"author":1,"featured_media":12495,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"Atom: Recommended package for WordPress development\r\n\r\n#Atom_Recommended_package_for_WordPress_development","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_options":[]},"categories":[9,42,43,273,274],"tags":[38,275],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/tadtadya.com\/en\/wp-content\/uploads\/sites\/2\/2018\/10\/atom-wordpress.png?fit=1280%2C671&ssl=1","jetpack_sharing_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/p8Qw77-1g2","jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/posts\/4838"}],"collection":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/comments?post=4838"}],"version-history":[{"count":0,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/posts\/4838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/media\/12495"}],"wp:attachment":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/media?parent=4838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/categories?post=4838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/tags?post=4838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}