PlatformIO IDE is the next-generation integrated development environment for IoT.
Atom supports Windows 7 and 8. Visit the Atom homepage and click Download Windows Installer. In a few moments, Atom will appear in your Downloads folder as a.zip file. Follow the instructions in the.
Atom is a relatively new cross-platform open source HTML editor. According to its developers, Atom is a “hackable text editor for the 21st century”. We will test if there is any truth in this statement. Atom and Sublime Text 2 have, at first sight, a great deal in common; however, Atom’s high customizability is explicitly promoted. Notable Changes #20458 MacOS app has been notarized!; atom/find-and-replace#1109 Adds option to prevent search result to be overwritten by a new search; atom/find-and-replace#1105 Maintains scroll position after opening a file from the results page; All Changes Atom Core. Atom/atom#20397 - ⬆️ [email protected] atom/atom#20398 - ⬆️ [email protected].
- Cross-platform build system without external dependencies to the OS software:
- 800+ Boards
- 35+ Development Platforms
- 20+ Frameworks
- C/C++ Intelligent Code Completion
- C/C++ Smart Code Linter for rapid professional development
- Library Manager for the hundreds popular libraries
- Multi-projects workflow with multiple panes
- Themes support with dark and light colors
- Serial Port Monitor
- Built-in Terminal with PlatformIO Core (CLI) and CLI tool (
pio
,platformio
) - Built-in PlatformIO Home.
Atom is a text editor that’s modern, approachable,yet hackable to the core—a tool you can customize to do anything but also useproductively without ever touching a config file.
Contents
- Installation
- Quick Start
- Known issues
- Smart Code Linter is disabled for Arduino files
- Frequently Asked Questions
- Uninstall Atom with PlatformIO IDE
Note
Please note that you do not need to install PlatformIO Core (CLI) separatelyif you are going to use PlatformIO IDE for Atom. PlatformIO Core (CLI) is built intoPlatformIO IDE and you will be able to use it within PlatformIO IDE Terminal.
Also, PlatformIO IDE allows one to install PlatformIO Core (CLI) Shell Commands(
pio
, platformio
) globally to your system viaMenu:PlatformIO>InstallShellCommands
.- Download and install GitHub’s official Atom text editor. PlatformIO IDE is built on top of it.
- Open Atom Package Manager
- Mac OS X,
Menu:Atom>Preferences>Install
- Windows,
Menu:File>Settings>Install
- Linux,
Menu:Edit>Preferences>Install
- Search for the official
platformio-ide
package - Install PlatformIO IDE.
PlatformIO IDE uses Clang for the Intelligent CodeCompletion. To check that
clang
is available in your system, pleaseopen Terminal and run clang--version
. If clang
is not installed,then install it and restart Atom:- Mac OS X: Install the latest Xcodealong with the latest Command Line Tools(they are installed automatically when you run
clang
in Terminal for thefirst time, or manually by runningxcode-select--install
- Windows: Download Clang 3.9.1 for Windows.Please select “Add LLVM to the system PATH” option on the installation step.WarningPLEASE DO NOT INSTALL CLANG 4.0. TEMPORARILY, WE SUPPORT ONLY CLANG 3.9.If you see a
FailedtofindMSBuildtoolsetsdirectory
error inthe installation console, please ignore it and press any key to closethis window. PlatformIO IDE uses only the Clang completion engine, whichshould work after that without any problems. - Linux: Using package managers:
apt-getinstallclang
oryuminstallclang
. - Other Systems: Download the latest Clang for the other systems.
Warning
If some libraries are not visible in PlatformIO IDE for Atom and Code Completion orCode Linting does not work properly, please perform
Menu:PlatformIO>RebuildC/C++ProjectIndex(Autocomplete,Linter)
This tutorial introduces you to the basics of PlatformIO IDE workflow and showsyou the creation process for a simple “Blink” example. After finishing, you willhave a general understanding of how to work with projects in the IDE.
Html
After installation, launch PlatformIO IDE by opening Atom. Once Atom isopened, the PlatformIO IDE auto installer will continue to install dependent packagesand PlatformIO Core (CLI). Please be patient and let the installation complete. Once finished,PlatformIO IDE will ask you to reload the Atom window to applyinstalled components. Please click on
ReloadNow
. After that, PlatformIO IDE isready for use. Happy coding!- Click on the “PlatformIO Home” button on the PlatformIO Toolbar
- Click on “New Project”, select a board and create a new PlatformIO Project
- Open the
main.cpp
file in thesrc
folder and replace its contents withthe following:
Warning
The code below only works with Arduino-based boards. Pleasevisit the PlatformIO Project Examples repository for other pre-configured projects.
PlatformIO IDE proposes different ways to process the project (build, clean,upload firmware, run other targets) using:
- Building / Uploading / Targets and hotkeys
- Run
Build
and you should see a green “success” result in the buildpanel:
To upload firmware to the board, run
Upload
.- What is more, you can run specific target or process project environmentusing
Menu:PlatformIO>Runothertarget..
or call targets list from the status bar (bottom, left corner):
And select desired target:
- To launch the built-in terminal interface, choose
Menu:PlatformIO>Terminal
orpress the corresponding icon in the PlatformIO toolbar:
Download Atom Html Editor
This provides you fast access to a set of powerful PlatformIO Core (CLI) CLI commands:
- To run the built-in “Serial Monitor”, choose
Menu:PlatformIO>SerialMonitor
or press the corresponding icon in the PlatformIO toolbar:
The monitor has several settings to adjust your connection:
It also allows you to communicate with your board in an easy way:
platformio-ide package adds to Atomnew menu item named
Menu:PlatformIO
(after Menu:Help
item).PlatformIO IDE Toolbar contains quick access buttons for the popular commands.Each button contains a hint (leave the mouse on it for a moment).
- PlatformIO: Build
- PlatformIO: Upload
- PlatformIO: Clean
- Run other target (Build environments, Unit Testing)
- Toggle build panel
- ||
- Find in Project…
- PlatformIO Terminal
- Serial Monitor
- ||
- Atom Settings
cmd-alt-b
/ctrl-alt-b
/f9
builds project without auto-uploading.cmd-alt-u
/ctrl-alt-u
builds and uploads (if no errors).cmd-alt-c
/ctrl-alt-c
cleans compiled objects.cmd-alt-t
/ctrl-alt-t
/f7
run other targets (Upload using Programmer, Upload SPIFFS image, Update platforms and libraries).cmd-alt-g
/ctrl-alt-g
/f4
cycles through causes of build error.cmd-alt-h
/ctrl-alt-h
/shift-f4
goes to the first build error.cmd-alt-v
/ctrl-alt-v
/f8
toggles the build panel.escape
terminates build / closes the build window.
More options:
Menu:PlatformIO>Settings>Build
.PlatformIO IDE uses clang for the Intelligent Code Completion.To install it or check if it is already installed, please follow see the stepII. Clang for Intelligent Code Completion from Installation guide.
Warning
The libraries which are added/installed after the initializing process willnot be reflected in the code linter. You need
Menu:PlatformIO>RebuildC/C++ProjectIndex(Autocomplete,Linter)
.PlatformIO IDE uses PlatformIO’s pre-built GCC toolchains for Smart Code Linterand rapid professional development.The configuration data are located in
.gcc-flags.json
. This file will beautomatically created and preconfigured when you initialize project usingMenu:PlatformIO>InitializenewPlatformIOProjectorupdateexisting..
.Warning
If some libraries are not visible in PlatformIO IDE for Atom and Code Completion orCode Linting does not work properly, please perform
Menu:PlatformIO>RebuildC/C++ProjectIndex(Autocomplete,Linter)
Please navigate to PlatformIO Core Install Shell Commands.
Smart Code Linter is disabled by default for Arduino files(
*.ino
and .pde
) because they are not valid C/C++ basedsource files:- Missing includes such as
#include<Arduino.h>
- Function declarations are omitted.
There are two solutions:
Recommended! See Convert Arduino file to C++ manually.
To force Smart Code Linter to use Arduino files as C++ please
- Open
.gcc-flags.json
file from the Initialized/Imported project and add-xc++
flag at the beginning of the value ofgccDefaultCppFlags
field:
- Perform all steps from Convert Arduino file to C++ manually(without renaming to
.cpp
).
Warning
Please do not modify other flags here. They will be removed on a next“Project Rebuild C/C++ Index” stage.Please use build_flags for “platformio.ini” (Project Configuration File) instead.
Please read this article Installing PlatformIO on Arch Linux.
PlatformIO IDE hides build panel on success by default. Nevertheless, you cankeep it visible all time. Please follow to
Menu:PlatformIO>Settings>Build
and set PanelVisibility
toKeepVisible
.Key-bindings (toggle panel):
cmd+alt+v
- Mac OS Xctrl+alt+v
- Windows/Linux
If you want automatically save all edited files when triggering a build, please follow to
Menu:PlatformIO>Settings>Build
and check Automaticallysaveonbuild
.Click on a function/include, press
F3
and you will be taken directly tothe declaration for that function.You need to install atom-beautifypackage and C/C++ Uncrustify Code Beautifier.
Here’s how to uninstall the PlatformIO IDE for multiple OS.
See Uninstall PlatformIO Core and dependent packages, if you do not need it in a system.
- Uninstall Atom using “Start > Control Panel > Programs and Features > Uninstall”
- Remove
C:Users<username>.atom
folder (settings, packages, etc…) - Remove
C:Users<username>AppDataLocalatom
folder (application itself) - Remove
C:Users<username>AppDataRoamingAtom
folder (cache, etc.) - Remove registry records using
regedit
:- HKEY_CLASSES_ROOTDirectoryBackgroundshell
- HKEY_CLASSES_ROOTDirectoryshell
- HKEY_CLASSES_ROOT*shell
Run these commands in system Terminal
Run these commands in system Terminal Cricut craft room download.
- Mar, 31, 2017 - Robin Reiter - A little guide to PlatformIO. As an Arduino developer, you may want to check that out! (video review)
- Dec 13, 2016 - Dr. Patrick Mineault - Multi-Arduino projects with PlatformIO
- Nov 10, 2016 - PiGreek - PlatformIO the new Arduino IDE ?!
- Aug 18, 2016 - Primal Cortex - Installing PlatformIO on Arch Linux
- Jul 26, 2016 - Embedded Systems Laboratory - แนะนำการใช้งาน PlatformIO IDE สำหรับบอร์ด Arduino และ ESP8266 (Get started with PlatformIO IDE for Arduino board and ESP8266, Thai)
- May 30, 2016 - Ron Moerman - IoT Development with PlatformIO
- May 01, 2016 - Pedro Minatel - PlatformIO – Uma alternativa ao Arduino IDE (PlatformIO - An alternative to the Arduino IDE, Portuguese)
- Apr 23, 2016 - Al Williams - Hackaday: Atomic Arduino (and Other) Development
- Apr 16, 2016 - Sathittham Sangthong - [PlatformIO] มาลองเล่น PlatformIO แทน Arduino IDE กัน (Let’s play together with PlatformIO IDE [alternative to Arduino IDE], Thai)
- Apr 11, 2016 - Matjaz Trcek - Top 5 Arduino integrated development environments
- Apr 06, 2016 - Aleks - PlatformIO ausprobiert (Tried PlatformIO, German)
- Apr 02, 2016 - Diego Pinto - Você tem coragem de abandonar a IDE do Arduino? PlatformIO + Atom (Do you dare to leave the Arduino IDE? PlatformIO + Atom, Portuguese)
- Mar 30, 2016 - Brandon Cannaday - Getting Started with PlatformIO and ESP8266 NodeMcu
- Mar 12, 2016 - Peter Marks - PlatformIO, the Arduino IDE for programmers
- Mar 05, 2016 - brichacek.net - PlatformIO – otevřený ekosystém pro vývoj IoT (PlatformIO – an open source ecosystem for IoT development, Czech)
- Mar 04, 2016 - Ricardo Vega - Programa tu Arduino desde Atom (Program your Arduino from Atom, Spanish)
- Feb 28, 2016 - Alex Bloggt - PlatformIO vorgestellt (Introduction to PlatformIO IDE, German)
- Feb 25, 2016 - NutDIY - PlatformIO Blink On Nodemcu Dev Kit V1.0 (Thai)
See a full list with Articles about us.
Atom is a relatively new cross-platform open source HTML editor. According to its developers, Atom is a “hackable text editor for the 21st century”. We will test if there is any truth in this statement. Atom and Sublime Text 2 have, at first sight, a great deal in common; however, Atom’s high customizability is explicitly promoted. This article shows whether the editor really is so special and if so, what makes it stand out from the rest. Is it probably even THE editor of the 21st century or just another copy-cat?
Installing Atom
This editor works across all platforms – Windows, Mac OS X, and also Linux. If you use Windows or Linux, go to the project page at GitHub and scroll down to “Installing” to download the installation file.
After you have installed it successfully, the editor welcomes you by informing you about the most important resources and keystrokes.
The first thing you should do after you have installed it is adjust important settings like font and font size under “Atom => Preferences”. You may want to change the theme as well since dark themes are not everyone’s cup of tea. There are six themes to choose from, but you can find more in the community. Bear in mind that there are themes for the editor design and themes for the syntax. So, an editor theme doesn’t include the syntax. If you want to change syntax highlighting as well, you will need to install it separately.
You should not forget to check preinstalled packages, aka plugins, to see which additional packages you may need to install. You will find a lot here. And you will find more with the editor’s search function than on the Atom website. As you see, it is not a big deal to adjust the editor to your needs.
Installing Packages and Themes
Installing packages is fairly easy by using the menu item “+ Install”. In contrast to Sublime Text 2, you don’t have to install a plugin before you can install new plugins. I find that more user friendly as it saves you valuable time.
Themes can be installed the same way. To install a theme or package, you simply enter – if known – the name of the theme or package and press “enter”. But you can also search for “themes” or general keywords to reach the goal.
When I, however, tried to install (on Mac OS X) the package “Emmet” (formerly known as “Zen-Coding”), I got an error message saying that the Apple “Command Line Developer Tools” were missing, and Emmet could therefore not be installed.
After installing Apple’s Command Line Developer Tools, the installation of packages and themes worked perfectly and was fast.
Recommended Packages to Start With
- Emmet (formerly Zen Coding) – Makes your workflow faster
- slash-closer – Closes HTML tags after entering </
- WordPress Core API Support – Extends the Atom editor by WordPress tags
- language-php – Extension for a better work experience with PHP
- docblockr – Makes it easier to write comments on, for example, PHP functions
- autocomplete-plus – Shows possible completions while writing
Customizing Atom via CSS
You can tweak the look of the Atom editor through the style sheet. I didn’t like the color output and tagging of the “Bracket Matcher”. It only used a 1-pixel-dotted line to highlight matching brackets and divs that were really hard to see for me. So, I added to the style sheet. You can access the style sheet via “Atom => Open your Stylesheet”.
These few CSS lines lead to a significantly clearer marking of the Bracket Matcher.
Atom Html Editor Download
Experienced developers can adjust everything as the source code of Atom is also accessible via the GitHub page for the project. Less experienced users can use packages, themes, and maybe the CSS adjustment to customize the editor.
Special Features of the Atom HTML Editor
Node.js Support
The Node.js support makes it easy to access the file system and spawn subprocesses. You can even start a server from within the editor. If you need a library, you can choose from more than 50,000 in the Node package repository. The seamless integration allows a free mix of node and browser APIs. You will get this and much more by integrating Node.js.
Modular Design
Atom is made up of more than 50 open-source packages that integrate around a minimal core code. The developers wanted to create a deeply extensible system that blurs the distinction between user and developer. If you don’t like parts of Atom or want to extend them, you (theoretically) create your own package. By uploading it to the package directory, it will be accessible to everyone.
Basic Functions of the Atom editor
Atom offers useful out-of-the-box features. As there are:
Atom Html Download Software
- A file system browser
- A fuzzy finder for quickly opening files
- Fast project-wide search and replace
- Multiple cursors and selections
- Multiple windows (panes)
- Snippet support
- Code folding
- A clean and clear setting surface
- Import functions for TextMate (grammar and themes)
- Support for project work
- Good syntax highlighting
- Clean, clear design
- A developer mode
- Shell commands
- A command palette
Some Additional Screenshots
Atom’s Developer View
Code Completion
Project Settings (Sidebar Left – Right-Click on the File)
Conclusion
I really like the Atom HTML editor because it doesn’t only offer several useful features out of the box. In addition, you can easily install extensions and themes to adjust and extend the editor to your needs without any problems. You don’t even need to know how to use Git. I haven’t tested it with large projects yet. For “ordinary” projects, however, it is perfect.
Compared to Sublime Text, Atom wins with its Open Source background. There is not a lot to be missed when you switch over from Sublime, but there is a lot more to be achieved. I don’t know whether Atom got inspired by Sublime or the developers just came up with all these good ideas by the way of rethinking the concept of an editor as a whole. Whichever approach they took, it worked out great.
Related Links
Recommended Packages
- Emmet (fomrerly Zen Coding) – Makes your workflow faster
- slash-closer – Closes HTML tags after entering </
- WordPress Core API Support – Extends the Atom editor by WordPress tags
- language-php – Extension for a better work experience with PHP
- docblockr – Makes it easier to write comments on, for example, PHP functions
- autocomplete-plus – Shows possible comletions while writing
(dpe)