tecHindustan






    With whom are we having a Buzz?












    Pleasure to meet you,

    What’s on the foreground of your mind? Tell us something about your business?












    How can we succor you?












    Any valuation of the budget for your venture/expedition?












    Where shall we come back to you? Please mention your email address.




    Invalid email









    How about your digits?












    Could you please elaborate your pursuit? Tell us more…


































     

    To rocket the business growth by providing IT services and Business Solutions worldwide.

    0172-4660048, +918570810001
    Email: care@techindustan.com

    tecHindustan Solutions Pvt. Ltd.
    902, Tower B, Bestech Business Tower Sector 66, Mohali, Punjab 160066

    Open in Google Maps

     

    To rocket the business growth by providing IT services and Business Solutions worldwide.

    0172-4660048, +918570810001
    Email: care@techindustan.com

    tecHindustan Solutions Pvt. Ltd.
    902, Tower B, Bestech Business Tower Sector 66, Mohali, Punjab 160066

    Open in Google Maps
    FREEQUOTE
    • Services
      • Internet-of-Things (IoT) Development
      • Web Development
        • PHP Development
        • ASP.Net Development
        • JAVA Web Development
        • Python Web Development
        • Ruby on Rails Development
        • Node JS Development
        • HTML5 CANVAS Development
      • Mobile App Development
        • iPhone App Development
        • iPad App Development
        • Android App Development
        • Hybrid App Development
      • CMS Development
        • WordPress Development
        • Drupal Development
        • Moodle Development
        • Joomla Development
      • E-Commerce Development
        • Magento Development
        • Custom E-Commerce Development
        • Prestashop Development
        • Shopify Development
        • BigCommerce Development
        • Opencart Development
      • Cloud Saas Development
        • Saas Application Development
        • Google Cloud Development
        • AWS Development
      • Digital Marketing
        • Search Engine Optimization
        • Content Development
        • Social Media Marketing
      • CRM Development
        • SugarCRM Development
        • Zoho CRM Development
        • Vtiger CRM Development
      • Product Development
      • User Experience (UX) Design
    • About Us
    • Team
    • Clients
    • Blog
    • Careers
    • Contact Us
    • Home
    • Technology
    • How to set up the basic environment of Angular2 with angular-seed
    January 30, 2023

    How to set up the basic environment of Angular2 with angular-seed

    How to set up the basic environment of Angular2 with angular-seed

    by Vivek Kaushal / Thursday, 02 February 2017 / Published in Technology
    web design services India-angular2

    Let’s start with building our first Angular 2 application using Typescript. First, make sure you have Node.js and npm installed in your system. You can refer to the official website https://nodejs.org/en/ for more information about the installation procedure of Node.js.

    Usage:

    Step 1: Make a directory on your project folder.
    example: mkdir angular2 via command prompt.

    Step 2: Open cmd on this folder using shift+right click (open command window here) or open terminal if using linux & mac.

    Step 3:
    Clone or fork this repository, here is the angular seed https://github.com/angular/angular2-seed.gittype git clone on your command prompt (wait for few seconds)for example: git clone https://github.com/angular/angular2-seed.git

    Step 4: Angular2-seed folder is cloned on you project folder.

    Step 5: Now, type cd angular2-seed (go to inside this folder)for example cd angular2-seed

    Step 6: Run npm install to install dependencies, and wait for few minutes run npm start to fire up dev serve

    Step 7: Make sure you have NPM installed version 3+

    Step 8: WINDOWS ONLY run npm install -g webpack webpack-dev- server typescript to install global dependencies

    Step 9: Make sure you have node.js installed version 5+

    Step 10: In your browser go to http://localhost:3000
    if you want to use other port, open package.json file, then change port in — port 3000 script.

    Now, the basic structure of angular 2 is complete. You can modify, add, delete, update the file as per your project requirement. Stay tuned and in the next article, I will be explaining how to go further with building a development environment with Webpack and more.

    Thanks!

    Tagged under: Angular 2, angular-seed, installation

    What you can read next

    Flutter vs React Native
    Flutter vs React Native
    What is Performance Marketing? Why it is important in 2022!
    Myths of Artificial Intelligence