Installation of Tools required for web development

web development tools

Introduction

This article serves as a reminder to one web developer when installing all the necessary tools to work on a new or reinstalled computer. The installation of the tools I personally use is described as well as some of their basic setups. Web development covers a large number of different technologies and programming languages, so the list of required applications is also large.

WAMP

Before installing WAMP on the windows platform, it is necessary to install C ++ integrated development environments on windows, ie Microsoft Visual C ++ Redistributable Packages for Visual Studio (aka MSVC).

To know which package to install, you need to review the already installed “Microsoft Visual C ++ Redistributable Packages” on your computer and then download all the other latest packages, which can be found at https://support.microsoft.com. Then we download the latest appropriate version of WAMP from the official site and do the standard installation, next, next, next….

Apache password

After WAMP has been installed, the default user is root until the password is required, but if you want to create a new user and password we need to configure it in two places:

1. MySql

In CMD we install the path where Wamp is installed and inside it a folder containing mysqladmin, my path is: C:\wamp\bin\mysql\mysql5.6.17\bin and issue the command:

C:\wamp\bin\mysql\mysql5.6.17\bin> mysqladmin -u root password

If the password is changed, the command is:

C:\wamp\bin\mysql\mysql5.6.17\bin> mysqladmin -u root -p password

Having set passwords for the root user, we can now start mysql console (via the wamp icon in the system tray) and insert a new password.

2. PhpMyAdmin

Let’s look for the folder where Wamp is installed and the file config.inc.php is installed in it, I have a path: C:\wamp\apps\phpmyadmin4.1.14\ config.inc.php and open the file using some text editor and then look for a line like this content:

$cfg[‘Servers’][$i][‘password’] = ”;

and insert a password inside the blank quotation marks. The data password is associated with the change password option in the PhpAdmin window when the tab “users” is clicked and the root user has selected “Edit Privileges”.

Linux terminal in Windows

Linux terminal in windows can be installed through “Git Bash”, but also through a specialized application called “cmder”.

Cmder

You can find this application at cmder.net, where you will also find a link to download the application. Since this application is not installed, it is necessary to unpack the downloaded folder and put it in the root “C: \” (I think placing it in Program Files causes problems). Simply create a shortcut .exe file and start the application. It should be noted to SublimeText users that this terminal can be integrated into Sublime as the default terminal.

CMD to Linux bash

There is also an option to activate the “Windows Bash Shell” within windows, which enables the transfer of CMD to Linux bash. The necessary steps to activate this option are as follows:

1. Activation of the “Windows Subsystem for Linux” option can be done in two ways:
By command in CMD (as administrator):
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux
In the Windows menu called “Turn Windows feature on-off”, we find and wait for the “Windows Subsystem for Linux” option.
Depending on how you activate “Windows Subsystem for Linux” you need to restart the system afterward!

2.Installing Linux Distribution
In the Microsoft Store, we select the desired distribution (for example, Ubuntu) and download it. We then select the “Lunch” option to install. During installation, we will be prompted to create a user and assign him a password. When the installation is complete we need to update the distribution with the command:

apt-get update

3. Activation of “Developer mode” on Windows is done by selecting the “For developers” tab from the Settings menu, where we check the Developers mode option.

Following this procedure, we can call a bash command within the “ordinary” CMD to convert CMD to a Linux bash. Exiting this mode is with command

exit

Node.js

Before installing node.js, it is necessary to install a minimum version of Python 2.7.

Python 2.7 installation

Python version 2.7 is downloaded from the official site as MSI packaging. Installation is simple and automatic, so-called. next, next, next…

Node.js & npm

Node & npm installation

Download Node.js from the official site where we select the appropriate version of Windows Installer (.msi) and then do the standard installation. Upon completion of the installation, the following things are obtained:

node.js installation
documentation for node.js
node.js command prompt
npm package manager
Checking the installed versions of node.js and its package manager npm can be done at the command prompt with the following commands:

node -v
npm -v

Updating node.js

Updating a node, or selecting a particular node.js version, is most easily done using the Node Version Manager (nvm) for Windows tool. You need to download and install the tool and then use simple commands:

nvm install latest

After the update, we can list all the installed versions with the command:

nvm list

And then select which particular version we want to use:

nvm use 6.7.0

Updating npm

If you need to install a newer version (often with node.js and the latest version of npm does not come!) You need to open the node.js command prompt and issue the following command:

npm i -g npm 

Yarn

Installation
The Yarn installation is based on the download of a .msi file from the official site in the install section, followed by a standard installation with the next… next… next

Update yarn
Yarn updates with the command:

	
npm upgrade --global yarn

Sass

Before installing sass it is necessary to have Ruby installed

Ruby installation

We download the Ruby installer from http://rubyinstaller.org/.
When installing, check the section that says “add Ruby executables to your path” and then call “command prompt” ie cmd and check that everything is OK with the ruby installation with the command:

ruby -v

Sass installation

Sass is a CSS preprocessor. Sass with his abilities fills holes in CSS as a language. Sass is installed as a Ruby library and is executed by the following command in CMD:

gem install sass

If everything went OK, control of the installed version of Sass came with the command:

sass -v

But if an error is reported during installation, the best advice is to uninstall the current version of Ruby and install a more stable version (read older!).

Typescript

Typescript is a high-level JavaScript compiler whose power lies in the development tools that are built for it. Before installing Typescript, it must be checked that node.js and its package manager npm are installed because Typescript is installed through it. Typescript installation is done via the command line using the command:

npm install -g typescript

Control of the installed version with the command:

tsc -v

Composer

On the official site getcomposer.org select Getting Started, find the part related to the installation of a composer using the installer. We download the Composer-Setup.exe file after which the standard installation next, next, next begins. Note that the installer finds the path to the appropriate php.exe file.

Control of installation by command line command:

composer -v

PHP Storm

Installing PHPStorm is standard without any problems. next, next, next…

Activation of Emmet plugin

In order to activate emmet ”you need:

In CSS check the box “Enable CSS Emmet” as well as the option “Auto insert CSS vendor prefixes
In JavaScript, check Enable JSX Emmet
In HTML, check “Enable XML Emmet” as well as the option “Enable automatic URL recognition while wrapping text with tag”

Git

1. Download the Windows version from the official site. Installation is standard with next, next, next except for the part shown in the figure where the option should be checked:

Use Git from the Windows Command Prompt

2. Installation control

git -v

3. Configuring a name

git config – -global user.name SOME NAME

4. Configuring Email Address

git config – -global user.email Your@email.com

For easy management in windows, it is good to use “HUB” ie GitHub

Create an account on GitHub
Install Git Gui (Git Bash) helper applications with “Git for Windows” application. Download from the official site.
Download GitHub for windows from the official site and install it. The login form will open immediately and sign in with your GitHub username here.

Grunt

Before installing Grunt, you must have:

Node.js installed, and if it is already installed you should check the version and update npm.
in order for Grunt to compile .scss files into .css, it is necessary to pre-install Sass
If we have done all the redoing, this is a global installation of Grunt with the command:

npm update -g grunt

This is followed by the global installation of the command line interface grunt-CLI command:

npm install -g grunt-cli

The task of pre-installed gruntCLi is to load the local installation of the Grunt library and apply the configuration from the local Gruntfile to execute the tasks requested.

FileZilla

FileZilla is an FTP client that supports FTP, FTP over SSL / TLS (FTPS) and SSH File Transfer Protocol (SFTP). It is essential for transporting data online. Download from the official site and standard installation

Dev Environment

Virtual Box & extension
Virtual box platform packages
are downloaded from the virtualbox.org official site. Installation of the Virtual box itself is standard, and the default values are used during the installation, ie next, next, next…
In addition to the virtual box itself, we need to download the VirtualBox Extension Pack, which is on the same page, by selecting “All supported platforms”. This “extension pack” is integrated only after the Virtual box itself is installed. After starting the Virtual Box in the File menu, select Preferences, then under the Extensions tab click on the plus sign and add the previously downloaded extension.

Vagrant

Download the correct version from the official site of vagrantup.com/. Installation is standard during which it is necessary to accept all the offered defaults and to install the software with next, next, next… After restarting the computer, we control the installation from the terminal with:

vagrant --version

Docker

If you own Windows 10 Professional or Enterprise 64-bit versions, then the .exe file is downloaded from the official site www.docker.com/docker-windows. Installation is simple and it is enough to use the default values. In case you do not have any of the required windows versions mentioned above, you need to install the Docker Toolbox, which you will also find on the official site.

Poedit

PoEdit is a program for editing and creating .po and .mo files necessary for site localization. It can be downloaded from poedit.net/ homepage. Installation is standard with next, next…

Likes:
15 0
Views:
1747
Article Categories:
BREAK ROOMTECHNOLOGY

Leave a Reply

Your email address will not be published. Required fields are marked *