Linux [Ubuntu] web development environment setup guide
Welcome again! I know, already there are too many tutorials on web developer environment setup for Ubuntu. But if you are here, other tutorials was insufficient. Right?
Jumping into the topic, today you are going to discover a fresh environment for web development. Having a fresh Ubuntu installation is recommended.
A browser is the first need of a web designer & developer. So, we will install latest firefox version.
Open Terminal in Ubuntu by pressing Ctrl+alt+T, type the following command:
sudo apt-get update sudo apt install firefox
Enter your password when prompted.
Apache, PHP & Mysql:
Next thing is Apache, PHP & MySQL to be installed. To do that, type in terminal:
sudo apt-get install apache2 sudo apt-get install mysql-server sudo apt-get install php5 libapache2-mod-php5
To check if installed correctly:
mysql --version php --version
To start the server:
sudo /etc/init.d/apache2 restart
Visual Studio code:
According to me the best IDE for web development is VS Code. It has several features inbuilt and codes autocomplete and best indenting feature also.
sudo apt install visual-studio-code
To install node.js follow the below commands:
sudo apt-get install nodejs sudo apt-get install npm
Agave is the best color picker app for Ubuntu. In Web designing, colors play a vital role. So, it should be considered a must-have.
sudo apt-get install agave
You will ask me, why I am featuring Inkscape in this post as it a graphic design tool. Becuase any website is not complete until there is no icons, graphics, backgrounds & animations.
Use the below commands:
sudo add-apt-repository ppa:inkscape.dev/stable sudo apt install inkscape
Now, all set? Go, develop something amazing. No, wait. Did you forget something? How are you going to upload files via FTP to live server without an FTP client?
Ohh, FTP client? Sounds familiar, right? So, how can you forget FileZilla, the evergreen FTP client?
Now install it and enjoy web development:
sudo apt-get install filezilla
Did I miss something? Maybe. Let me know in the comments if I missed something.
Thank you. Goodbye.