<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>code editor Archives - Linux Windows and android Tutorials</title>
	<atom:link href="https://www.osradar.com/tag/code-editor/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.osradar.com</link>
	<description>tutorials and news and Seurity</description>
	<lastBuildDate>Wed, 28 Jun 2023 04:37:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.12</generator>
	<item>
		<title>6 code editors for programming or formatted writing</title>
		<link>https://www.osradar.com/6-code-editors-for-programming-or-formatted-writing/</link>
					<comments>https://www.osradar.com/6-code-editors-for-programming-or-formatted-writing/#respond</comments>
		
		<dc:creator><![CDATA[roger]]></dc:creator>
		<pubDate>Mon, 03 Jul 2023 20:26:00 +0000</pubDate>
				<category><![CDATA[Databases]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[code editor]]></category>
		<category><![CDATA[text editor]]></category>
		<guid isPermaLink="false">https://www.osradar.com/?p=39155</guid>

					<description><![CDATA[<p>Code editors are one of the most popular tools in the programming industry. They greatly simplify the comparison with text editors and integrated development environments (IDE). They also stand out from the former because of syntax highlighting. Also for the autocompletion (although not always) and for allowing a simple management of the projects. On the [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/6-code-editors-for-programming-or-formatted-writing/">6 code editors for programming or formatted writing</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Code <a href="https://www.osradar.com/best-programs-to-edit-hexadecimal-code/" target="_blank" rel="noreferrer noopener">editors</a> are one of the most popular tools in the programming industry. They greatly simplify the comparison with text editors and integrated development environments (IDE). They also stand out from the former because of syntax highlighting. Also for the autocompletion (although not always) and for allowing a simple management of the projects. On the other hand, what stands out against the latter is the lack to automate or perform many tasks and features. For example, automated refactoring, visual programming and integration with databases. Also for the debugging integrated in the application, although at the time of the truth each product supports the features that suit it.</p>



<h2>Code and text editors VS IDE</h2>



<p>The difference with FDIs is diluted in many cases. Especially if we take into account that code editors, in many cases, support add-ons that allow extending the possibilities offered. It is then possible to provide a code editor with features that are more typical of an IDE. Another aspect to take into account is that, in general, code editors consume fewer resources than IDEs. Although this depends on the focus of each tool.</p>



<p>We do not intend to create a debate about whether code editors are better than integrated development environments and vice versa. In fact, each tool has a different focus and purpose. Depending on the technology being worked with and the situation, one may find it more convenient to use one over the other. However, the expansion of frameworks over the course of recent times has meant that code editors have gained prominence over IDEs. Especially because these frameworks are capable of generating code that is then edited.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="683" src="https://www.osradar.com/wp-content/uploads/2023/06/co-1024x683.jpg" alt="" class="wp-image-39156" srcset="https://www.osradar.com/wp-content/uploads/2023/06/co-1024x683.jpg 1024w, https://www.osradar.com/wp-content/uploads/2023/06/co-300x200.jpg 300w, https://www.osradar.com/wp-content/uploads/2023/06/co-768x512.jpg 768w, https://www.osradar.com/wp-content/uploads/2023/06/co-696x464.jpg 696w, https://www.osradar.com/wp-content/uploads/2023/06/co-1068x713.jpg 1068w, https://www.osradar.com/wp-content/uploads/2023/06/co.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Code editors have become very popular. On the other hand, IDEs do not seem to be at their best. This does not detract from the fact that the Czech company JetBrains has emerged as the queen of IDEs with some very good products. In the mobile application development sector, the use of integrated development environments is still very common. Indeed, Android Studio, which is also based on JetBrains technology, is the tool that Google officially provides for this purpose.</p>



<h2>Rise, fall and… comeback</h2>



<p>Code editors had their heyday in the second decade of the 21st century. For the last few years, we have been experiencing a concentration in this segment. For example, there are interesting proposals such as Atom and Brackets that were abandoned by their original developers. The former is officially defunct. On the other hand, the latter continues its development as a community project.</p>



<p>Despite the concentration experienced in recent years, we will mention six well-known exponents. They are certainly not all strictly code editors. This is because, in some cases, the difference with text editors is narrow.</p>



<h2>Visual Studio Code</h2>



<p>Let&#8217;s start with the example best known to everyone today. Visual Studio Code is the code editor built by Microsoft and based on Electron. Note that it should not be confused with the Visual Studio IDE, which is a different product. Certainly, the latter has earned it many detractors because it is basically a webapp. However, its good design and the large number of add-ons available have made it the choice of many programmers.</p>



<p><a href="https://code.visualstudio.com/" target="_blank" rel="noreferrer noopener">Visual Studio Code</a>, often shortened to VS Code, includes support for debugging, syntax highlighting and intelligent code completion. In addition to an integrated command line console, code snippets and includes support for Git.</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="718" height="551" src="https://www.osradar.com/wp-content/uploads/2023/06/code.png" alt="" class="wp-image-39157" srcset="https://www.osradar.com/wp-content/uploads/2023/06/code.png 718w, https://www.osradar.com/wp-content/uploads/2023/06/code-300x230.png 300w, https://www.osradar.com/wp-content/uploads/2023/06/code-696x534.png 696w" sizes="(max-width: 718px) 100vw, 718px" /></figure>



<p>It appeared in 2015 as a cross-platform application for Windows, Linux, and macOS. At that time it was proprietary and in terms of features it left much to be desired. However, Microsoft has invested heavily in its improvement and released it as open source under the MIT license. This is similar to the model Google used when creating Chrome from Chromium. Therefore, those responsible for Windows have kept a few cards up their sleeves. Despite this, the VS Code forks from the released source code offer high compatibility with the available extensions.</p>



<p>This code editor, despite its origin, supports numerous programming languages. Some of them are C, C#, C++, Fortran, Go, Java, JavaScript, Node.js, Python and Rust. It also incorporates IntelliSense for JavaScript, TypeScript, JSON, CSS, and HTML. It also has debugging support for Node.js. The official store offers many extensions that expand the software’s possibilities almost infinitely.</p>



<h2>Sublime Text</h2>



<p><a href="https://www.sublimetext.com/" target="_blank" rel="noreferrer noopener">Sublime Text</a> is a veteran in the industry. At present, it can be considered as Visual Studio Code&#8217;s biggest rival, at least among the less geeky public. We will certainly see some very powerful options later on. However, they may require learning to master.</p>



<p>If you compare VS Code and Sublime Text at first glance, you might get the impression that they are similar. However, the latter has the advantage of being written primarily with C++. This on paper allows it to perform better in demanding contexts, on less resource-hungry computers, and to take up less computer resources. On the other hand, it is a proprietary and paid application. Although it offers support for Windows, Linux and macOS.</p>



<p>Among its features are <em>Goto Anything</em>. This provides fast navigation through the files, symbols, and lines of a project. It also includes a Python API. Additionally, project-specific preferences and extensive customization possibilities. For this purpose, it uses JSON. Finally, it is compatible with many programming languages.</p>



<p>Sublime Text supports:</p>



<ul><li>Syntax highlighting</li><li>code snippets </li><li>auto-completion </li><li>macros </li><li>autosave</li><li>custom keystroke</li><li>mapping</li><li>macros</li><li>last action </li><li>replay.</li></ul>



<h2>Notepad++</h2>



<p><a href="https://notepad-plus-plus.org/" target="_blank" rel="noreferrer noopener">Notepad++</a> takes its name from Notepad. This is how the well-known Windows Notepad is called in English. This already hints that it is a more basic application than the previous ones. But people should not be confused. In reality, this is not only a tool to write things down. We are talking about one that has enormous possibilities for programmers.</p>



<p>Regarding its distribution, the situation of Notepad++ is the reverse of that of Sublime Text. Indeed, it only officially supports Windows. However, it is free software as its source code is released under the GPLv3 license and is completely free of charge. During its trajectory, it has garnered quite a lot of praise. Therefore, depending on the user&#8217;s profile and needs, it may be the ideal code editor.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="528" src="https://www.osradar.com/wp-content/uploads/2023/06/code3-1024x528.png" alt="" class="wp-image-39158" srcset="https://www.osradar.com/wp-content/uploads/2023/06/code3-1024x528.png 1024w, https://www.osradar.com/wp-content/uploads/2023/06/code3-300x155.png 300w, https://www.osradar.com/wp-content/uploads/2023/06/code3-768x396.png 768w, https://www.osradar.com/wp-content/uploads/2023/06/code3-696x359.png 696w, https://www.osradar.com/wp-content/uploads/2023/06/code3-1068x550.png 1068w, https://www.osradar.com/wp-content/uploads/2023/06/code3.png 1415w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Notepad++ supports syntax highlighting, code folding, macros, autosave, simultaneous editing, screen splitting. It also has limited auto-completion for programming, markup, declarative and scripting languages. It also has an outstanding number of plug-ins available. Furthermore, it also supports several character encodings and dozens of languages, including the most popular ones. In fact, it arranges so many languages alphabetically.&#8221;1</p>



<h2>GNU Emacs</h2>



<p>It was Richard Stallman himself, the father of software, who wrote the first Emacs in 1976. Years later, in 1984, development of <a href="https://www.gnu.org/software/emacs/" target="_blank" rel="noreferrer noopener">GNU Emacs</a> began to provide an alternative to Gosling Emacs. This was a proprietary implementation of the same editor that is now discontinued. GNU Emacs was originally based on Gosling Emacs. However, the replacement of the Mocklips interpreter with a true Lips interpreter required rewriting almost all the code.</p>



<p>It goes without saying that, because it is part of the GNU project, GNU Emacs is free software under the GPLv3 license. Although it is focused on Linux and BSD, it is also possible to install it on Windows and macOS, so it offers multiplatform support.</p>



<figure class="wp-block-image size-full"><img loading="lazy" width="962" height="659" src="https://www.osradar.com/wp-content/uploads/2023/06/code4.png" alt="" class="wp-image-39159" srcset="https://www.osradar.com/wp-content/uploads/2023/06/code4.png 962w, https://www.osradar.com/wp-content/uploads/2023/06/code4-300x206.png 300w, https://www.osradar.com/wp-content/uploads/2023/06/code4-768x526.png 768w, https://www.osradar.com/wp-content/uploads/2023/06/code4-218x150.png 218w, https://www.osradar.com/wp-content/uploads/2023/06/code4-696x477.png 696w" sizes="(max-width: 962px) 100vw, 962px" /></figure>



<p>GNU Emacs is more of a text editor than a code editor. However, it is so powerful that it is more than enough to perform programming tasks. In fact, it is not uncommon for programmers to use it. Its main features are that it can be modified deeply and extended almost without limits.</p>



<p>You also have at your disposal numerous extensions that allow you to add additional supports. We can also transform the text editor into a web browser, for example. Discovering the full power of GNU Emacs is something that can take time and requires a willingness to learn.</p>



<h2>Vim</h2>



<p><a href="https://www.vim.org/" target="_blank" rel="noreferrer noopener">Vim</a>, which is short for Vi Improved. As its name suggests, it is an improved version of the original Vi. This is a text editor mainly aimed at Unix and Unix-like systems. However, there is also a version for Windows. It is released under its own license with clauses related to charity and is compatible with the GPL.</p>



<p>Although it is mainly oriented to command line interfaces, Vim has at its disposal a graphical mode called gVim. However, the real cracks with this editor use it from the command line. After all, it is its natural environment.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="576" src="https://www.osradar.com/wp-content/uploads/2023/06/code5-1024x576.png" alt="" class="wp-image-39160" srcset="https://www.osradar.com/wp-content/uploads/2023/06/code5-1024x576.png 1024w, https://www.osradar.com/wp-content/uploads/2023/06/code5-300x169.png 300w, https://www.osradar.com/wp-content/uploads/2023/06/code5-768x432.png 768w, https://www.osradar.com/wp-content/uploads/2023/06/code5-1536x864.png 1536w, https://www.osradar.com/wp-content/uploads/2023/06/code5-2048x1152.png 2048w, https://www.osradar.com/wp-content/uploads/2023/06/code5-696x392.png 696w, https://www.osradar.com/wp-content/uploads/2023/06/code5-1068x601.png 1068w, https://www.osradar.com/wp-content/uploads/2023/06/code5-1920x1080.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Vim includes many improvements over the original Vi. Some of them are file compare and merge, a complete integrated help system. In addition to extended regular expressions, mouse interaction. Finally, also some limited functions reminiscent of a code editor, plus many other features.</p>



<p>One of its most outstanding features is that it supports extensions. The user can resort to NERDTree to obtain a file explorer. This way, you can manage a folder as if it were a project. NERDTree is just one of the extensions that Vim has at its disposal, and discovering everything there is for this editor is up to the user.</p>



<p>And as this free software opens the door to forks galore, there is one called Neovim. This one is released under the Apache 2 license. It also tries to improve on aspects such as extensibility and maintainability. It also includes Language Server Protocol (LSP) support, asynchronous I/O and Lua scripting via luaJIT.</p>



<h2>Geany</h2>



<p>We close the list with <a href="https://www.geany.org/" target="_blank" rel="noreferrer noopener">Geany</a>, a simple code editor with graphical interface. It is free software under the GPLv2 license. It is built with C and C++ and with support for Windows, Linux, macOS, and BSD. The project defines itself as <em>the lightweight IDE</em>. In truth, despite its lightness and apparent simplicity, it is an application that treasures much more than it appears to have a handful of features, rather typical of an IDE.</p>



<p>Among its default features, the user will find auto-completion, bookmarks, multiple document interface. Also, simple project management, syntax highlighting and code folding. It is extensible through plug-ins and has an integrated terminal emulator. This can come in handy when working with frameworks such as Ruby on Rails.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="555" src="https://www.osradar.com/wp-content/uploads/2023/06/code6-1024x555.png" alt="" class="wp-image-39161" srcset="https://www.osradar.com/wp-content/uploads/2023/06/code6-1024x555.png 1024w, https://www.osradar.com/wp-content/uploads/2023/06/code6-300x163.png 300w, https://www.osradar.com/wp-content/uploads/2023/06/code6-768x417.png 768w, https://www.osradar.com/wp-content/uploads/2023/06/code6-696x378.png 696w, https://www.osradar.com/wp-content/uploads/2023/06/code6-1068x579.png 1068w, https://www.osradar.com/wp-content/uploads/2023/06/code6.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>The add-on manager provides many additional features. From this list we can highlight a debugger, a spell checker, a Git change bar. In addition to support for macros and a file explorer to make it easier to navigate through the project&#8217;s folders and files.</p>



<p>As languages, it supports many of the most popular languages. We are talking about C, C++, C#, Java, JavaScript, PHP, HTML, CSS, Python, Ruby, Vala and many others. Despite being somewhat rudimentary in some respects, it is an application that offers advanced capabilities and does not hog a large amount of resources.</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/6-code-editors-for-programming-or-formatted-writing/">6 code editors for programming or formatted writing</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.osradar.com/6-code-editors-for-programming-or-formatted-writing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to install Brackets in Windows 10 plus extensions</title>
		<link>https://www.osradar.com/how-to-install-brackets-in-windows-10-plus-extensions/</link>
					<comments>https://www.osradar.com/how-to-install-brackets-in-windows-10-plus-extensions/#respond</comments>
		
		<dc:creator><![CDATA[roger]]></dc:creator>
		<pubDate>Sat, 11 Jul 2020 04:51:20 +0000</pubDate>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[OpenSource]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[brackets]]></category>
		<category><![CDATA[code editor]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascritpt]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Windows 10]]></category>
		<guid isPermaLink="false">https://www.osradar.com/?p=21572</guid>

					<description><![CDATA[<p>Hello! Brackets is an open-source code editor designed by Adobe for web developers. Additionally, it has a very simple and modern interface capable of handling HTML, CSS, and JavaScript. Besides, it&#8217;s very complete, light, and free. Some of its features involve the use of a theme to color the letter according to the structure of [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/how-to-install-brackets-in-windows-10-plus-extensions/">How to install Brackets in Windows 10 plus extensions</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Hello! Brackets is an open-source code editor designed by Adobe for web developers. Additionally, it has a very simple and modern interface capable of handling HTML, CSS, and JavaScript. Besides, it&#8217;s very complete, light, and free. Some of its features involve the use of a theme to color the letter according to the structure of the code. However, its most interesting feature is the ability to show in real-time the changes made to the code. Without the need to save the changes or refresh the browser. Well, in this post we will see how to install Brackets in Windows 10 plus extensions.</p>



<h2>How to download and install Brackets in Windows 10.</h2>



<p>This is a multi-platform software so the installer for Windows is available from the project <a rel="noreferrer noopener" href="http://brackets.io/" target="_blank">website</a>. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. The installation wizard is very simple, as it works like any other program for Windows. Please just check the two boxes when you start the installation. In effect, these boxes correspond to adding the program to the path for command line use. And the other one is to add the use of brackets to the context menu.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="772" height="600" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra.png" alt="Please check both boxes for installation" class="wp-image-21573" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra.png 772w, https://www.osradar.com/wp-content/uploads/2020/07/bra-300x233.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra-768x597.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra-696x541.png 696w" sizes="(max-width: 772px) 100vw, 772px" /><figcaption>Please check both boxes for installation</figcaption></figure>



<p>After a few moments the installation is completed.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="772" height="600" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra2.png" alt="" class="wp-image-21574" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra2.png 772w, https://www.osradar.com/wp-content/uploads/2020/07/bra2-300x233.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra2-768x597.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra2-696x541.png 696w" sizes="(max-width: 772px) 100vw, 772px" /></figure>



<h2>Launching Brackets for the First Time</h2>



<p>After installing the program, simply type your name in the search bar to launch it.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="835" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra3-1024x835.png" alt="Launching Brackets for the First Time" class="wp-image-21575" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra3-1024x835.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra3-300x245.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra3-768x626.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra3-696x568.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra3-1068x871.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra3.png 1177w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Launching Brackets for the First Time</figcaption></figure>



<p>The Windows Firewall warning window will be displayed immediately. Please allow access for optimal functioning of the editor</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="790" height="571" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra4.png" alt="Please authorize access to the network through the firewall" class="wp-image-21576" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra4.png 790w, https://www.osradar.com/wp-content/uploads/2020/07/bra4-300x217.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra4-768x555.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra4-696x503.png 696w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption>Please authorize access to the network through the firewall</figcaption></figure>



<p>We have highlighted that the most attractive feature of this editor is that it shows a preview of the live work. With this in mind, you need to have installed Google Chrome. In addition, when the editor is launched, two sample files called<strong> index.html </strong>and <strong>main.css </strong>will be displayed. Well, once you have selected the HTML file, just click on the lightning bolt. The Chrome will then display the HTML file in a window. Additionally, any changes we make in the editor will be displayed in the browser. The process is demonstrated in the video below:</p>



<figure class="wp-block-video"><video controls src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra.mp4"></video></figure>



<h2>Creating a new project in Brackets.</h2>



<p>As mentioned, Brackets can add extensions that facilitate its operation. But before you try it, please create a new project to test the extensions. With this intention, create a folder and place it wherever you want. Then from the menu <strong>File</strong>, click on <strong>Open Folder</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="543" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra6-1024x543.png" alt="" class="wp-image-21578" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra6-1024x543.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra6-300x159.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra6-768x408.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra6-1536x815.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra6-696x369.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra6-1068x567.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra6.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Now it&#8217;s time to create the <strong>index.html</strong> file. With this in mind, press the right button on your mouse and click on <strong>New File.</strong></p>



<figure class="wp-block-gallery columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" width="1024" height="545" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra7-1024x545.png" alt="" data-id="21579" data-full-url="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra7.png" data-link="https://www.osradar.com/?attachment_id=21579" class="wp-image-21579" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra7-1024x545.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra7-300x160.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra7-768x408.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra7-1536x817.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra7-696x370.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra7-1068x568.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra7.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" width="1024" height="550" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra8-1024x550.png" alt="" data-id="21580" data-full-url="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra8.png" data-link="https://www.osradar.com/?attachment_id=21580" class="wp-image-21580" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra8-1024x550.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra8-300x161.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra8-768x412.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra8-1536x825.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra8-696x374.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra8-1068x573.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra8.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></li></ul></figure>



<p>Now repeat the process to create the <strong>styles.css</strong> file</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="550" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra9-1024x550.png" alt="" class="wp-image-21581" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra9-1024x550.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra9-300x161.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra9-768x412.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra9-1536x825.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra9-696x374.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra9-1068x573.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra9.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>With this pair of files, you&#8217;re ready to encode.</p>



<h2>How to add extensions</h2>



<p>Now it&#8217;s time to add extensions. This process is very simple and intuitive. Since it is enough to click on the plugin block. For this example, I will add the <strong>Custom Works </strong>extension that allows to organize the files in tabs. To do this, enter the name in the search engine and then press Install. Finally, wait while downloading and installing the extension</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="550" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra11-1024x550.png" alt="" class="wp-image-21582" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra11-1024x550.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra11-300x161.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra11-768x412.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra11-1536x825.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra11-696x374.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra11-1068x573.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra11.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Installing the Custom Works extension</figcaption></figure>



<p>Follow me, you can see the extension showing the content in tabs.</p>



<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="550" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2020/07/bra12-1024x550.png" alt="" class="wp-image-21583" srcset="https://www.osradar.com/wp-content/uploads/2020/07/bra12-1024x550.png 1024w, https://www.osradar.com/wp-content/uploads/2020/07/bra12-300x161.png 300w, https://www.osradar.com/wp-content/uploads/2020/07/bra12-768x412.png 768w, https://www.osradar.com/wp-content/uploads/2020/07/bra12-1536x825.png 1536w, https://www.osradar.com/wp-content/uploads/2020/07/bra12-696x374.png 696w, https://www.osradar.com/wp-content/uploads/2020/07/bra12-1068x573.png 1068w, https://www.osradar.com/wp-content/uploads/2020/07/bra12.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2>Conclusion</h2>



<p>At the end of the day, we have seen how to install Brackets in Windows 10 plus extensions. From now on, you can edit your projects and see the results in real-time. I hope you find this post useful before I say goodbye I invite you to see our post about <a rel="noreferrer noopener" href="https://www.osradar.com/how-to-analyze-the-network-with-ip-tools-for-android/" target="_blank">IP Tools </a>for Android. See you soon!</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/how-to-install-brackets-in-windows-10-plus-extensions/">How to install Brackets in Windows 10 plus extensions</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.osradar.com/how-to-install-brackets-in-windows-10-plus-extensions/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
