Download atom windows 10

To make this as simple as possible, we're going to have a root development directory under which you can save your projects. Because of the number of projects, we suggest opening your code editor so that it points to the current project directory whatever project you're working on at the time , rather than the root of all the projects.

We're also going to use a standard set of configurations and plugins for the editors. Atom has a huge array of options. You can access Atom's settings by any of the following methods:. The settings page lives inside the editor area, and as such has a tab at the top. To close the settings page, simply click the close button on the tab.

You can also customize Atom through code by providing a CoffeeScript file in the. In this file, you can provide custom startup code and even call customization packages that you write yourself.

Here at ProgrammableWeb , we won't be doing customization through code, but you can learn more about it here. You can then learn more about what the Atom team calls " Hacking Atom. In addition to the Settings page, Atom provides access to many settings through a command palette; a small window in which you can type commands to control Atom. You can access the command palette either by:. The command palette will open showing a small text area where you can type, with a list of commands in a scrolling list, as shown below.

The official documentation makes use of the command palette from time to time; we don't use it much in our initial setups. Tabs vs Spaces. Indenting sub-sections of code such as the internals of an if-then-else statement or a do-while loop is an important habit for ease of readability. Not just for you, but for others that may have to view your code later. Like other code editors, Atom has an indentation feature. Although this is a hotly debated topic, we're going to set our indentations to spaces instead of tabs for one simple reason: Spaces work better for copying and pasting code from our web pages into the editors.

You are welcome to reformat to tabs afterward if you prefer. We're going to use four spaces to allow for easier reading of our code. Language caveat: Unlike most other languages, Python relies on indentation levels and is picky about consistency between spaces and tabs. If you choose to convert any python code from spaces to tabs, you must make sure you do it for the entire file.

Otherwise, you'll get errors as soon as you run the program. To set the indentation to spaces, open the Settings page and click the Editor button, which is on the left of the Settings tab, second from the top. In the settings, scroll all the way to the bottom and near there you'll see Tab Length and Tab Type. Set Tab Length to 4. Set Tab Type to Soft which means spaces; Hard means tab characters. Here's a screen capture:. We encourage you to scroll through the available settings to configure the editor to your liking.

Fonts and Sizes. This is up to you, as we all have a different vision and visual needs. Atom lets you choose the fonts and sizes you prefer. The setting is called Font Family and it's in the Editor section of the settings. There's no dropdown list or picker of any kind. You just have to know what fonts are available on your system, and you can type them in here. You can explore what fonts are installed on your system by clicking the Task Bar and in the search box type "font" and choose "Font Settings" in the suggestions; the Fonts window will open listing the fonts you have installed on your computer.

The size is more straightforward. Under Font Size simply type the size of the font you want in the editor.

You can also set a zoom level using hotkeys; this level applies only to the editor area. You'll see the editor text increase inside. Reverse it by pressing Ctrl and the minus key. Atom comes with a large number of extensions called packages. You can see what packages you have installed by opening Settings and clicking on Packages, as shown here:. You can search for and install new packages by opening Settings and clicking the "Install" button, as shown here:. Then you can search for packages in the textbox near the top.

After you search, you can install a package by clicking the "Install" package next to its name. If a package is already installed, the "Install" button will be replaced by a "Disable" button.

Each package has a unique name that you can search for. Many of the parts built into Atom are actually custom packages. For example, the Project tree view on the left is a package, and you can remove it and replace it with one from the community that might have different features you prefer. Atom comes pre-installed with four UI and eight syntax themes in both dark and light colors.

Can't find what you're looking for? Install themes created by the Atom community or create your own. It's easy to customize and style Atom. See how to set up Atom. It runs on Electron , a framework for building cross platform apps using web technologies. Fork on GitHub. A hackable text editor for the 21st Century.

Teletype for Atom Great things happen when developers work together—from teaching and sharing knowledge to building better software. To learn more about how to use Atom, from beginner basics to advanced techniques, visit their official documentation page. My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.

I like writing tutorials and tips that can help other developers. As well as demo example. View all posts by Admin. Your email address will not be published. Save my name, email, and website in this browser for the next time I comment.

At the time of writing the latest stable Atom release was version: 1. Double-click it to run the installer.