<?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>web based Archives - Linux Windows and android Tutorials</title>
	<atom:link href="https://www.osradar.com/tag/web-based/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.osradar.com</link>
	<description>tutorials and news and Seurity</description>
	<lastBuildDate>Thu, 24 Jan 2019 12:03:58 +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>Monaco a web-based editor on Ubuntu 18.04 / Linux Mint 19</title>
		<link>https://www.osradar.com/monaco-a-web-based-editor-on-ubuntu-18-04-linux-mint-19/</link>
					<comments>https://www.osradar.com/monaco-a-web-based-editor-on-ubuntu-18-04-linux-mint-19/#respond</comments>
		
		<dc:creator><![CDATA[angeloma]]></dc:creator>
		<pubDate>Thu, 24 Jan 2019 12:03:49 +0000</pubDate>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Unix]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[monaco]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[web based]]></category>
		<category><![CDATA[web editor]]></category>
		<guid isPermaLink="false">https://www.osradar.com/?p=9709</guid>

					<description><![CDATA[<p>On the Internet, there are applications for many things. Some of them are very valuable for our organization and we constantly talk about them here. Others, while not indispensable, can become a reference for certain cases. And is that really, in a company, we can get to have many applications for many things. So, in [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/monaco-a-web-based-editor-on-ubuntu-18-04-linux-mint-19/">Monaco a web-based editor on Ubuntu 18.04 / Linux Mint 19</a> appeared first on <a rel="nofollow" href="https://www.osradar.com">Linux  Windows and android  Tutorials</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>On the Internet, there are applications for many things. Some of them are very valuable for our organization and we constantly talk about them here. Others, while not indispensable, can become a reference for certain cases. And is that really, in a company, we can get to have many applications for many things. So, in this post, I will show you how to install Monaco editor on your server <a href="http://osradar.com/tag/ubuntu/" target="_blank" rel="noreferrer noopener" aria-label="Ubuntu (opens in a new tab)">Ubuntu</a> 18.04 or Linux Mint 19.</p>



<p><a href="https://github.com/Microsoft/monaco-editor" target="_blank" rel="noreferrer noopener" aria-label="Monaco (opens in a new tab)">Monaco</a> is a web-based repowered text editor. That is, it is installed on a server and can be accessed across the entire network using a web browser. All this has its advantages and disadvantages, but it is really useful to centralize processes and thus avoid <g class="gr_ gr_6 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-del replaceWithoutSep" id="6" data-gr-id="6">a misuse</g> of computers.</p>



<p> On the other hand, The Monaco Editor is the <a rel="noreferrer noopener" aria-label="code editor (opens in a new tab)" href="https://code.visualstudio.com/docs/editor/editingevolved" target="_blank">code editor</a> which powers VS Code. In other words, not only can you use it to simply write simple text, but you can even write code in it. It&#8217;s open source and it&#8217;s available using web technologies like node.js.</p>



<h2>Install Monaco</h2>



<p>Monaco is a web-based application that requires Node.js to work. So the first step to install Monaco is to previously install Node.js. Don&#8217;t worry, it&#8217;s really simple.</p>



<p>You can read <a href="https://www.osradar.com/how-to-install-nodejs-on-ubuntu-18-04-lts-linux-mint-19/" target="_blank" rel="noreferrer noopener" aria-label="How to install NodeJS on Ubuntu 18.04 or Linux Mint 19 (opens in a new tab)">How to install NodeJS on Ubuntu 18.04 or Linux Mint 19</a>.</p>



<p>Or if you are going to use it on CentOS 7, <a rel="noreferrer noopener" aria-label="How to install NodeJS on CentOS 7 (opens in a new tab)" href="https://www.osradar.com/how-to-install-nodejs-on-centos-7/" target="_blank">How to install NodeJS on CentOS 7</a>.</p>



<p>After that, you can start to install Monaco.</p>



<p>First, you need to install git for cloning the github Monaco repository.</p>



<pre class="wp-block-preformatted">:~$ sudo apt install git</pre>



<figure class="wp-block-image"><img loading="lazy" width="917" height="302" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2019/01/1.jpeg" alt="Installing git" class="wp-image-9723" srcset="https://www.osradar.com/wp-content/uploads/2019/01/1.jpeg 917w, https://www.osradar.com/wp-content/uploads/2019/01/1-300x99.jpeg 300w, https://www.osradar.com/wp-content/uploads/2019/01/1-768x253.jpeg 768w, https://www.osradar.com/wp-content/uploads/2019/01/1-696x229.jpeg 696w" sizes="(max-width: 917px) 100vw, 917px" /><figcaption>Installing git</figcaption></figure>



<p>Next, clone the repository.</p>



<pre class="wp-block-preformatted">:~$ git clone https://github.com/Microsoft/monaco-editor.git<br></pre>



<figure class="wp-block-image"><img loading="lazy" width="583" height="195" src="//1723336065.rsc.cdn77.org/wp-content/uploads/2019/01/2.jpeg" alt="Cloning the repository" class="wp-image-9724" srcset="https://www.osradar.com/wp-content/uploads/2019/01/2.jpeg 583w, https://www.osradar.com/wp-content/uploads/2019/01/2-300x100.jpeg 300w" sizes="(max-width: 583px) 100vw, 583px" /><figcaption>Cloning the repository</figcaption></figure>



<p>Now install it.</p>



<pre class="wp-block-preformatted">:~$ cd monaco-editor
:~$ npm install .</pre>



<div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" width="1024" height="612" src="https://www.osradar.com/wp-content/uploads/2019/01/3-1024x612.jpeg" alt="Install Monaco" class="wp-image-9725" srcset="https://www.osradar.com/wp-content/uploads/2019/01/3-1024x612.jpeg 1024w, https://www.osradar.com/wp-content/uploads/2019/01/3-300x179.jpeg 300w, https://www.osradar.com/wp-content/uploads/2019/01/3-768x459.jpeg 768w, https://www.osradar.com/wp-content/uploads/2019/01/3-696x416.jpeg 696w, https://www.osradar.com/wp-content/uploads/2019/01/3-1068x638.jpeg 1068w, https://www.osradar.com/wp-content/uploads/2019/01/3-703x420.jpeg 703w, https://www.osradar.com/wp-content/uploads/2019/01/3.jpeg 1238w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Install Monaco</figcaption></figure></div>



<p>Then start the Monaco service. Type on terminal:</p>



<pre class="wp-block-preformatted">:~$ npm run simpleserver</pre>



<figure class="wp-block-image"><img loading="lazy" width="544" height="252" src="https://www.osradar.com/wp-content/uploads/2019/01/4-1.jpeg" alt="" class="wp-image-9728" srcset="https://www.osradar.com/wp-content/uploads/2019/01/4-1.jpeg 544w, https://www.osradar.com/wp-content/uploads/2019/01/4-1-300x139.jpeg 300w" sizes="(max-width: 544px) 100vw, 544px" /><figcaption>Running Monaco</figcaption></figure>



<p>As you can see in the image, you can access the application from the web browser, using the server IP and ports 8080 and 8088. </p>



<figure class="wp-block-image"><img loading="lazy" width="1024" height="507" src="https://www.osradar.com/wp-content/uploads/2019/01/5-19-1024x507.png" alt="" class="wp-image-9729" srcset="https://www.osradar.com/wp-content/uploads/2019/01/5-19-1024x507.png 1024w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-300x148.png 300w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-768x380.png 768w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-324x160.png 324w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-696x344.png 696w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-1068x528.png 1068w, https://www.osradar.com/wp-content/uploads/2019/01/5-19-849x420.png 849w, https://www.osradar.com/wp-content/uploads/2019/01/5-19.png 1350w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<p>So, that&#8217;s it.</p>



<h2>Conclusion</h2>



<p>Monaco is an editor for the web, but it can be flexible thanks to its plugins. Installing it is simple now you must sacrifice all the profit.</p>



<p>Please share this article with your friends.<br></p>
<p>The post <a rel="nofollow" href="https://www.osradar.com/monaco-a-web-based-editor-on-ubuntu-18-04-linux-mint-19/">Monaco a web-based editor on Ubuntu 18.04 / Linux Mint 19</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/monaco-a-web-based-editor-on-ubuntu-18-04-linux-mint-19/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
