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.
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….
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:
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.
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”.
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:
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
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:
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 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:
And then select which particular version we want to use:
nvm use 6.7.0
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
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
Yarn updates with the command:
npm upgrade --global yarn
Before installing sass it is necessary to have Ruby installed
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:
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:
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!).
npm install -g typescript
Control of the installed version with the command:
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:
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 HTML, check “Enable XML Emmet” as well as the option “Enable automatic URL recognition while wrapping text with tag”
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
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.
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 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
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.
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:
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 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…