Monaco 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 a misuse of computers.

On the other hand, The Monaco Editor is the code editor 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’s open source and it’s available using web technologies like node.js.

Install Monaco

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’t worry, it’s really simple.

You can read How to install NodeJS on Ubuntu 18.04 or Linux Mint 19.

Or if you are going to use it on CentOS 7, How to install NodeJS on CentOS 7.

After that, you can start to install Monaco.

First, you need to install git for cloning the github Monaco repository.

:~$ sudo apt install git

Next, clone the repository.

:~$ git clone https://github.com/Microsoft/monaco-editor.git

Now install it.

:~$ cd monaco-editor
:~$ npm install .

Then start the Monaco service. Type on terminal:

:~$ npm run simpleserver

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.

So, that’s it.

Conclusion

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.

Please share this article with your friends.

The post Monaco a web-based editor on Ubuntu 18.04 / Linux Mint 19 appeared first on Linux Windows and android Tutorials.

As a web developer, you obviously need a handful of powerful tools to perform a number of tasks like coding, graphic designing etc. Fortunately, on Linux, there are already a number of available tools to perform the job smoothly. Here, let’s have a look at some of the best tools to have for any web developer.

Web development tools

• PhpStorm

In today’s web universe, PHP is basically EVERYTHING! It’s the most popular programming language all over the world. Even CMS like WordPress and other giants solely depend on PHP as their core. So, PHP is a must in this era, right?

Well, PhpStorm is right here to help you out! PhpStorm is based on the IntelliJ IDEA platform from JetBrain. For a web developer, it’s one of the most modern and cutting-edge solutions you can find out there. Besides the basic features like auto code completion, error highlighting, support for frameworks like WordPress, Symfony and Joomla!, PhpStorm also features advanced features like database/SQL, remote deployment, smart code navigation, debugging and testing tools etc.

Get PhpStorm. Note that this tool is a paid one. You’ll get 30-days trial for first installation.

• Visual Studio Code

It’s interesting to see a Microsoft product here, right? But believe me, this code editing tool is a BEAST that quite resembles the interface to Atom Text Editor and Sublime Text – 2 of the most popular text editors.

Visual Studio Code is very useful for those who are new in the field of web development. It’s an excellent tool to learn from that will indicate you about everything – from the simple HTML tag syntax to error handling in programming.

Are you a programmer of different language? Don’t worry! Visual Studio Code is also extremely compatible with other programming languages like C/C++, HTML, CSS, PHP, Perl, Ruby, CoffeeScript, JSON, Swift and a lot more.

The tool is also highly customizable to give you the feel of coding. For adding support of more programming languages, all you need to do is just add additional extensions.

• Brackets

The list would be incomplete without any candidate from Adobe, right? Brackets is another cool and powerful text editor for web developers. It’s a cross-platform and open-source tool, meaning that you can work with it on any of your favorite machine – Windows, macOS and so on.

The best feature of Brackets is its “Live Preview”. In short, it will show you a live preview of your code changes on a Google Chrome window. Yes, it works with Google Chrome only for this feature, so make sure that you get Google Chrome on you Linux system.

• Komodo

This is another cool IDE for developers. It’s a closed-source tool but features cross-platform availability. If you’re an open-source enthusiast, you can always get their open-source counterpart – Komodo Edit, basically a powerful editor tool for everyone.

Komodo IDE supports all the major web development languages like PHP, Perl, Python, Go, Ruby, JavaScript and a lot more. The features include code auto completion, debugging, code refactoring and unit testing etc.

• Bluefish

This is another cross-platform IDE. Developed and maintained by Bluefish Dev Team, it’s available for all the major operating systems like Windows, macOS, Solaris and Linux. This is basically a powerful, yet lightweight code editor that features a simplistic user interface. This is very beneficial for new users.

Bluefish is a feature-rich IDE, including syntax highlighting, auto recovery, code folding, code auto completion etc.

The bottom line

There are a number of tools available for using on web development. Feel free to check out all of them and share your experience. Did we miss anything your favorite? Don’t forget to leave a comment below!

Happy developing!

The post Best Tools for Web Devs on Linux appeared first on Linux Windows and android Tutorials.