{"id":26237,"date":"2020-12-21T21:06:38","date_gmt":"2020-12-21T12:06:38","guid":{"rendered":"https:\/\/tadtadya.com\/en\/?p=26237"},"modified":"2021-01-25T14:45:29","modified_gmt":"2021-01-25T05:45:29","slug":"transform-atom-into-ide","status":"publish","type":"post","link":"https:\/\/tadtadya.com\/en\/transform-atom-into-ide\/","title":{"rendered":"Turning the Atom editor into an IDE"},"content":{"rendered":"\n<p>This is how to turn the text editor Atom into an Integrated Development Environment (IDE). Well, it's not that difficult since you just need to install a package.<\/p>\n\n\n\n<p>Compared to creating other program development environments, there are fewer packages to install.<\/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\t<li class=\"idx-lst-li idt0\">\n\t\t\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\t\t<a href=\"#what-is-ide\" title=\"What is a development integration environment (IDE)?\">What is a development integration environment (IDE)?<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#basic-func-atom-ide\" title=\"Language Features\">Language Features<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#program-language-pack\" title=\"Programming language pack\">Programming language pack<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#official-package\" title=\"Atom Official Package\">Atom Official Package<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#community-package\" title=\"Community Package - Third Party\">Community Package - Third Party<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#debugger\" title=\"Debugger Features\">Debugger Features<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#basic-func-debugger\" title=\"Basic functions of the debugger\">Basic functions of the debugger<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#individual-debugger-pack\" title=\"Individual Debugger Packs\">Individual Debugger Packs<\/a>\n\t\t\t\t\t<\/li>\n\t\t\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\t\t<i class=\"fa-regular fa-hand-point-right ico\"><\/i>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#conclusion\" title=\"Conclusion\">Conclusion<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n\n\n\n\n<h2 class=\"is-style-h2df\" id=\"what-is-ide\">What is a development integration environment (IDE)?<\/h2>\n\n\n\n<p>An IDE is a text editor that provides the necessary functions for program development.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<ul><li>Input Completion<\/li><li>Definition jump<\/li><li>Help functions<\/li><li>Debuggers<\/li><li>Compilers<\/li><\/ul>\n<\/div>\n\n\n\n<p>In addition, some have Git operations, local servers, etc.<\/p>\n\n\n\n<p>With all this, you can smoothly develop programs with a single text editor.<\/p>\n\n\n\n<p>Atom also has an IDE package. This is a minimalist version of the IDE that was originally developed by Facebook.<\/p>\n\n\n\n<p>The official Atom package.<\/p>\n\n\n\n<p class=\"center\"><a href=\"https:\/\/atom.io\/packages\/atom-ide-ui\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom-ide-ui\uff08https:\/\/atom.io\/packages\/atom-ide-ui\uff09\">atom-ide-ui\uff08https:\/\/atom.io\/packages\/atom-ide-ui\uff09<\/a><\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<p><strong><span class=\"marker-pink\">Good point<\/span><\/strong><\/p>\n\n\n\n<ul><li>All the functions necessary for program development are combined into one package, so there is no need to install packages one by one (No need to search for packages).<\/li><li>The process of installing and configuring packages for any programming language is almost the same.<\/li><li>You can start developing programs immediately.<\/li><li>Suitable for beginners and people who are not particular about their development environment.<\/li><\/ul>\n\n\n\n<p><strong><span class=\"marker-pink tadv-format-panel\">Bad points<\/span><\/strong><\/p>\n\n\n\n<ul><li>Internal linter is not compatible with WordPress.<\/li><li>Sometimes there are more useful packages for each function.<\/li><li>Packages with similar functionality may not be able to coexist; can't coexist with linter (it's a well-known package)<\/li><li>When you want a better environment, you become dissatisfied.<\/li><li>Not for people who want to create a development environment that fits their needs.<\/li><\/ul>\n<\/div>\n\n\n\n<p>The atom-ide-ui is incomplete as an IDE by itself. It requires the installation of packages for each programming language.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-note\">\n<p>It is distributed under the name 'ide-***'.<\/p>\n\n\n\n<p>(*** is the name of the programming language)<\/p>\n\n\n\n<p>In the package installation screen, search for \"ide-\" and you will find it, so you don't have to worry about it.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-point\">\n<p>There are also frameworks such as Vue.js and packages such as React.js and Node.js.<\/p>\n<\/div>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"basic-func-atom-ide\"><strong>Language Features<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/busy-signal.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Busy Signal\">Busy Signal<\/a><br><\/td><td>Displays in the status bar (bottom part) when <br>something is happening to the atom.<br><br>(Not really necessary.)<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/code-actions.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Code Actions\">Code Actions<\/a><br><\/td><td>A diagnostic function for programs.<br><br>If you are writing a program and make a <br>mistake, you will get a message instantly <br>telling you what is wrong.<br><br>An error mark will be displayed at the left <br>line.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/code-format.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Code Format\">Code Format<\/a><br><\/td><td>Program formatting.<br><br>Select a program and run it with the right-<br>click menu to format it easily.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/code-highlight.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Code Highlight\">Code Highlight<\/a><br><\/td><td>When you hover the cursor over a variable, <br>function, or constant, other identical ones <br>will be highlighted (to make them stand out).<br><br>(Useful for misspelling variables, etc.)<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/console.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Console\">Console<\/a><br><\/td><td>A console that displays the results of <br>program execution, etc.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/datatips.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Datatips\">Datatips<\/a><br><\/td><td>Hover the mouse over a variable, function, <br>or constant to see its description.<br><br> \u30fbShow explanatory comments for <br>     functions, classes, etc.<br><br> \u30fbFor variables and constants, display the <br>     expression to which the value is assigned.<br><br> \u203b If you don't follow the rules for writing <br>      comments, they won't be displayed <br>      correctly. (javadoc for java)<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/definitions.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Definitions (plus Hyperclick)\">Definitions (plus Hyperclick)<\/a><br><\/td><td>Definition jump (Ctrl+click).<br><br>Jump to where you are declaring variables, <br>constants, functions, and classes.<br><br>If the file is different, open the file.<br><br>\"What was this class?\" You can check it <br>immediately when you have a question.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/diagnostics.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Diagnostics\">Diagnostics<\/a><br><\/td><td>Diagnostic function of the program.<br><br>Displays the contents of the bug in the <br>window below.<br><br>Also shows the location of the bug.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/find-references.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Find References\">Find References<\/a><br><\/td><td>If you put the cursor on a variable, <br>function, or class and execute it with the right-click<br>menu, the window below will show you <br>where it was declared and where it <br>is being used.<br><br>It is best to use this before jumping to the <br>definition. Sometimes you can see so <br>much of the content that you don't need to jump.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/outline-view.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Outline\">Outline<\/a><br><\/td><td>A list of classes, functions, variables, etc. <br>of the open file will be displayed on the <br>right side.<br><br>Clicking on it will jump to the place where <br>it is defined.<br>(definition jump in file)<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebookarchive\/atom-ide-ui\/blob\/master\/docs\/signature-help.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Signature Help (Experimental\/WIP)\">Signature Help (Experimental\/WIP)<\/a><\/td><td>Input completion.<br><br>When you enter a string, candidates for <br>variables, functions, classes, etc. are <br>instantly displayed so that you don't have <br>to enter them all.<br><br>It also prevents misspellings.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This is all the basic functionality. In addition to this, there is a debugger and compiler, so there is not much else you need.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-point\">\n<ul><li>If you are using an IDE, just install atom-ide-ui and ide-*** to start developing.<\/li><li>The rest of the functions will be added when they are needed.<\/li><\/ul>\n<\/div>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"program-language-pack\">Programming language pack<\/h2>\n\n\n\n<p>The atom-IDE is not meant to be just atom-ide-ui. This is because this package is a collection of only common features that can be used in any programming language.<\/p>\n\n\n\n<p>To use it with programming languages such as PHP, Java, Python, etc., you need to install the respective language pack.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<ul><li>The name of the language pack is ide-***.<\/li><li>There are official atom and community-developed third party products.<\/li><\/ul>\n<\/div>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"official-package\">Atom Official Package<\/h3>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><a href=\"https:\/\/github.com\/atom\/ide-csharp\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom\u516c\u5f0f\u30d1\u30c3\u30b1\u30fc\u30b8 - C#\">C#<\/a><\/td><td>Created based on Omnisharp<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/flowtype\/ide-flowtype\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom\u516c\u5f0f\u30d1\u30c3\u30b1\u30fc\u30b8 - Flow\">Flow<\/a><\/td><td>Made by Facebook<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/atom\/ide-java\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom\u516c\u5f0f\u30d1\u30c3\u30b1\u30fc\u30b8 - Java\">Java<\/a> <\/td><td>Created based on Eclipse JDT<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/atom\/ide-json\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom\u516c\u5f0f\u30d1\u30c3\u30b1\u30fc\u30b8 - JSON\">JSON<\/a><\/td><td>Created based on the VSCode JSON language server<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/atom\/ide-typescript\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom\u516c\u5f0f\u30d1\u30c3\u30b1\u30fc\u30b8 - TypeScript\">TypeScript<\/a><\/td><td>Created based on TypeScript server<br><br>You can also use the sister language JavaScript.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<p>You don't have a major language!<\/p>\n<\/div>\n\n\n\n<p>You may think this, but since it was originally made by Facebook, there is a bias. Let's forgive that with a smile.<\/p>\n\n\n\n<p>But each of them is based on a tool that was originally widely used. There is no lack of functionality.<\/p>\n\n\n\n<p>I like the fact that Java is based on Eclipse JDT.<\/p>\n\n\n\n<p>Eclipse is an IDE created by IBM, and nothing beats it for Java development, and Eclipse JDT is its core package.<\/p>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"community-package\">Community Package - Third Party<\/h3>\n\n\n\n<p>What is lacking in the official version is supplemented by third party products. They are introduced on the official website, so they are highly reliable.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><a href=\"https:\/\/github.com\/mads-hartmann\/ide-bash\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Bash\">Bash<\/a><\/td><td>A shell command adopted by Mac and Linux.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/ide-docker\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Docker\">Docker<\/a><\/td><td>The most popular OS virtualization technology, which <br>creates a number of virtual PCs within a PC.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/ide-fortran\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Fortran\">Fortran<\/a><\/td><td>A well-established programming language used for more <br>than 20 years in the field of science and technology.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/Tehnix\/ide-haskell-hie\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Haskell-hie\">Haskell-hie<\/a><\/td><td>Used in mathematical and scientific technology.<br><br>Good at parallel processing.<br>I don't know much about it because it is mostly used in <br>academic fields.<br><\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/atom\/ide-php\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - PHP\">PHP<\/a><\/td><td>PHP is a programming language so familiar to web <br>developers that it is often referred to as the \"PHP of <br>the web.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/daviwil\/ide-powershell\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Powershell\">Powershell<\/a><\/td><td>A shell command that is also used in Windows.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/lgeiger\/ide-python\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Python\">Python<\/a><\/td><td>One of the fastest growing and most popular programming <br>languages in recent years.<br><br>AI packages are abundant.<br><br>It is also being used on the web, replacing PHP.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/zaaack\/atom-ide-reason\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Reason\">Reason<\/a><\/td><td>I'm not sure. I heard it's used in other countries, but <br>what about in Japan?<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/mehcode\/atom-ide-rust\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Rust\">Rust<\/a><\/td><td>same as above<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/laughedelic\/atom-ide-scala\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Scala\">Scala<\/a><\/td><td>Since it can run in the Java execution environment, it is <br>positioned as a programming language that makes Java <br>easier to write and read.<br><br>Java is also evolving and becoming simpler, so there is a <br>point where people think, \"Java is fine\".<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/rwatts3\/atom-ide-vue\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Vue\">Vue<\/a><\/td><td>Among the recent JavaScript frameworks, it is growing <br>as fast as Anglar and React, and attracting attention.<br><br>Vue.js<br><br>It's like a Chinese version of Anglar.<br>It is said to be simpler and easier to understand than <br>Anglar.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Huh? Some of you may be thinking.<\/p>\n\n\n\n<p>Because the major languages are still missing: no C, C++, Swift, etc.? There are no Microsoft languages either.<\/p>\n\n\n\n<p>Packs for the major languages can be found by searching for \"ide-***\" in the package installation.<\/p>\n\n\n\n<ul class=\"list-circle\"><li><a href=\"https:\/\/atom.io\/packages\/ide-cpp\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - C\/C++\">C\/C++<\/a><\/li><li><a href=\"https:\/\/atom.io\/packages\/ide-swift\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"atom community package - Swift\">Swift<\/a><\/li><\/ul>\n\n\n\n<p>Language packs for the atom-IDE are available for most programming languages from the official, officially recognized community, and other third parties.<\/p>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"debugger\">Debugger Features<\/h2>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"basic-func-debugger\">Basic functions of the debugger<\/h3>\n\n\n\n<p>The atom-IDE also has debugging features. As with the language packs, atom-IDE-ui contains only basic functions, so you need to install the package separately.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-launch-attach-ui.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Launch\/Attach UI\">Launch\/Attach UI<\/a><\/td><td>UI for launcher and attach.<br><br>Debug launch settings.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-breakpoints.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Breakpoints + conditional\">Breakpoints + conditional<\/a><\/td><td>Breakpoints.<br><br>Mark where to stop the program by <br>simply clicking on the left side of <br>the source code.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-controls.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Stepping (Pause, Continue, Step, Restart)\">Stepping (Pause, Continue, Step, Restart)<\/a><\/td><td>Programs can be executed, paused, <br>resumed, or stopped at the push of <br>a button.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-threads.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Threads (Running, Focus)\">Threads (Running, Focus)<\/a><\/td><td>Displays the status of a thread.<br><br>Used for multi-threaded <br>debugging; not necessary for <br>single-threaded applications such <br>as PHP.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-stacktraces.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Stacktraces &amp; in-memory source views\">Stacktraces &amp; in-memory source views<\/a><\/td><td>Stack trace.<br><br>Memory state display.<br><br>Displays which part of the file the <br>program is executing.<br><br>Displays the amount of memory <br>used by the program.<br><br>Used to investigate memory leaks, <br>etc.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-scopes.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Scopes &amp; editable variables views\">Scopes &amp; editable variables views<\/a><br><\/td><td>Displays the values of variables.<br><br>There are also editing functions, <br>such as adding variables you want <br>to see.<br><br>(If the debugging engine supports <br>it.)<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-watch-expressions.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Watch expressions\" class=\"broken_link\">Watch expressions<\/a><\/td><td>View the values of variables.<br><br>You can also add variables, and <br>change or delete values.<br><br>It is similar to Scopes &amp; editable <br>variables views.<\/td><\/tr><tr><td><a href=\"https:\/\/github.com\/facebook-atom\/atom-ide-ui\/blob\/master\/docs\/debugger-console.md\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Console + Repl\">Console + Repl<\/a><\/td><td>A console that displays the <br>standard output of a program.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"is-style-h3df\" id=\"individual-debugger-pack\">Individual Debugger Packs<\/h3>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><tbody><tr><td><a href=\"https:\/\/atom.io\/packages\/atom-ide-debugger-node\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Node Debugger\">Node Debugger<\/a><\/td><td>Node.js debugger.<br>Unofficial atom, made by facebook.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/atom-ide-debugger-python\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Python Debugger\">Python Debugger<\/a><\/td><td>Python debugger.<br>Unofficial atom, made by facebook.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/atom-ide-debugger-react-native\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"React Native Debugger\">React Native Debugger<\/a><\/td><td>React debugger.<br>Unofficial atom, made by facebook.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/atom-ide-debugger-native-gdb\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"C\/C++ GDB Debugger\">C\/C++ GDB Debugger<\/a><\/td><td>C\/C++ debugger.<br>Unofficial atom, made by facebook.<\/td><\/tr><tr><td><a href=\"https:\/\/atom.io\/packages\/atom-ide-debugger-ocaml\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"OCaml Debugger\">OCaml Debugger<\/a><\/td><td>A debugger for the programming <br>language ML.<br>Unofficial atom, made by facebook.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The individual debuggers are all made by facebook for now, and are not official for atom.<\/p>\n\n\n\n<p>The color of facebook is amazing, and I guess these are the languages and frameworks that are being developed within facebook.<\/p>\n\n\n\n<p>React is a JavaScript library developed by facebook. We will see more facebook colors in the future.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-note\">\n<p>There is no debugger for Java. Thus, even major languages may not have dedicated debuggers.<\/p>\n\n\n\n<p>As for Java, since the language pack is based on Eclipse JDT, the basic features may be enough for you.<\/p>\n\n\n\n<p>Please try this once. If not, there are other debugger packages that you can use.<\/p>\n\n\n\n<p>However, I'm not sure if it will work because of the compatibility with the atom-IDE.<\/p>\n<\/div>\n\n\n\n<h2 class=\"is-style-h2df\" id=\"conclusion\">Finally.<\/h2>\n\n\n\n<p>The atom-IDE has a lot of features, but the number of packages installed is small.<\/p>\n\n\n\n<div class=\"wp-block-origin-block-em-box em-group em-group-default\">\n<ul><li>atom-ide-ui<\/li><li>Language packs for ide-***<\/li><li>Debugger<\/li><li>Use non-IDE packages for what's missing.<\/li><\/ul>\n<\/div>\n\n\n\n<p>If you are a beginner in program development, the atom-IDE (+ debugger) will suffice since you will not be able to use the various functions.<\/p>\n\n\n\n<p>There are many high-performance packages in atom, so I recommend it to those who find it difficult or troublesome to find them.<\/p>\n\n\n\n<p>I would recommend the atom-IDE to anyone who wants to develop programs with atom.<\/p>\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>This is how to turn the text editor Atom into an Integrated Development Environment (IDE). Well, it's not that difficult since you just need to install a package. Compared to creating other program development environments, there are fewer packages to install.<\/p>\n","protected":false},"author":1,"featured_media":12499,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"How to turn the Atom editor into an IDE\n\u3000\n#Atom\n#IDE\n","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_options":[]},"categories":[9,273,274],"tags":[275,555,556],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/tadtadya.com\/en\/wp-content\/uploads\/sites\/2\/2018\/10\/atom-edit-1.png?fit=1280%2C671&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8Qw77-6Pb","jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/posts\/26237"}],"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=26237"}],"version-history":[{"count":0,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/posts\/26237\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/media\/12499"}],"wp:attachment":[{"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/media?parent=26237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/categories?post=26237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tadtadya.com\/en\/wp-json\/wp\/v2\/tags?post=26237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}