In this post, we’ve outlined the step-by-step instructions to set up AngularJS for web development. Apart from the steps, we’ve also mentioned the tools that might help you speed up the development process.
After reading this tutorial, it will be easier for you to set up Angular in your system.
While configuring AngularJS, you should choose the latest stable version. It’ll help you avoid any surprises later during the development.
If you like to quickly brush up on Angular concepts, then go through our meticulously curated set of 100+ AngularJS Interview Questions once.
Setup AngularJS Development Environment
The following tools are required to set up a development environment for AngularJS.
AngularJS Library
To download the AngularJS library, we have to first go to <angularjs.org>. Now, click on the download button, present on the Home page. It generates the following pop-up. Select the required version from the pop-up and click on the download button, present on it. You can select either of the legacy or stable (latest) versions as shown on the screen. It also provides the option to download any minified, uncompressed, or zipped version.
CDN
You can include, the AngularJS library from the following CDN URL:
[https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js]
The CDN facilitates accessing the regional data centers, present all around the world. One such example is Google Host. It also shifts the responsibility of file hosting from local servers to a series of external ones. It gives an advantage that, if a visitor to the web page has already downloaded a copy of AngularJS, from the same CDN, then there is no need to download it again.
Editor/IDE
AngularJS is a combination of HTML and JavaScript code only. So, we can install any good editor/IDE as per our choice. The following are the most widely used editors.
- Sublime Text
- Aptana Studio 3
- Ultra Edit
- Eclipse
- Visual Studio
Online Editor
For learning purposes, you can use, any of the following online editors.
plnkr.cojsbin.com
Browser
It is recommended to use Google Chrome while developing an application. However, you can install any browser of your choice, as AngularJS supports cross-browser compatibility.
Web server
Use any of the available web servers such as IIS, and Apache for development purposes.
If you liked this post on “How to Setup AngularJS for Web development“, then don’t mind sharing it further. Also, follow us on our social media accounts to receive free access to our future tutorials.
