Skip to main content

how to create first angular project

Steps 1 : First Go to your destination folder where you want to create a project :

Step 2: Then run the below command : ng new name_of_project

Mukeshs-MacBook-Air:ANGULAR-MATRIAL mukeshchoudhary$ ng new angular-matrial-project

? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE angular-matrial-project/ (1038 bytes)
CREATE angular-matrial-project/.editorconfig (246 bytes)
CREATE angular-matrial-project/.gitignore (631 bytes)
CREATE angular-matrial-project/angular.json (3703 bytes)
CREATE angular-matrial-project/package.json (1300 bytes)
CREATE angular-matrial-project/tsconfig.json (489 bytes)
CREATE angular-matrial-project/tslint.json (1953 bytes)
CREATE angular-matrial-project/browserslist (429 bytes)
CREATE angular-matrial-project/karma.conf.js (1035 bytes)
CREATE angular-matrial-project/ (210 bytes)
CREATE angular-matrial-project/tsconfig.spec.json (270 bytes)
CREATE angular-matrial-project/src/favicon.ico (948 bytes)
CREATE angular-matrial-project/src/index.html (307 bytes)
CREATE angular-matrial-project/src/main.ts (372 bytes)
CREATE angular-matrial-project/src/polyfills.ts (2835 bytes)
CREATE angular-matrial-project/src/styles.css (80 bytes)
CREATE angular-matrial-project/src/test.ts (753 bytes)
CREATE angular-matrial-project/src/assets/.gitkeep (0 bytes)
CREATE angular-matrial-project/src/environments/ (51 bytes)
CREATE angular-matrial-project/src/environments/environment.ts (662 bytes)
CREATE angular-matrial-project/src/app/app-routing.module.ts (246 bytes)
CREATE angular-matrial-project/src/app/app.module.ts (393 bytes)
CREATE angular-matrial-project/src/app/app.component.css (0 bytes)
CREATE angular-matrial-project/src/app/app.component.html (25755 bytes)
CREATE angular-matrial-project/src/app/app.component.spec.ts (1110 bytes)
CREATE angular-matrial-project/src/app/app.component.ts (227 bytes)
CREATE angular-matrial-project/e2e/protractor.conf.js (808 bytes)
CREATE angular-matrial-project/e2e/tsconfig.json (214 bytes)
CREATE angular-matrial-project/e2e/src/app.e2e-spec.ts (656 bytes)
CREATE angular-matrial-project/e2e/src/app.po.ts (301 bytes)
Packages installed successfully.
    Successfully initialized git.
Mukeshs-MacBook-Air:ANGULAR-MATRIAL mukeshchoudhary$ 

it will be like this 

Step 3 : If you wish to open this project in visual studio then first go inside the project_folder and run following command 
Mukeshs-MacBook-Air:ANGULAR-MATRIAL mukeshchoudhary$ cd angular-matrial-project/
Mukeshs-MacBook-Air:angular-matrial-project mukeshchoudhary$ 

Mukeshs-MacBook-Air:angular-matrial-project mukeshchoudhary$ code .
-bash: code: command not found

“code .” Not working in Command Line for Visual Studio Code on OSX/Mac

1. Make sure you drag Visual Studio Code app into the -Applications- folder

Otherwise (as noted in the comments) you'll have to go through this process again after reboot

2. Next, open Visual Studio Code

Open the Command Palette via (⇧⌘P) and type shell command to find the Shell Command:

> Install 'code' command in PATH** command.

![Command Palette
After executing the command, restart the terminal for the new $PATH value to take effect. You'll be able to simply type 'code .' in any folder to start editing files in that folder. The "." Simply means "current directory"

Mukeshs-MacBook-Air:angular-matrial-project mukeshchoudhary$ code .

It will open your project in visual studio. 


Popular posts from this blog

Digital Marketing

What actually is Digital Marketing? This post will help you understand the insights of Digital Marketing What is Digital Marketing? Digital Marketing is an integral part of the overall marketing strategies of any business. It basically covers the advertisement of products/services/business/brand via digital channels. The digital channels could be of any type like websites, search engines, social media, emails, SMS, and MMS. In case if you're using all these digital channels for the marketing, make sure to have all the statistics & workflow of your campaigns via marketing automation. What are the types of digital marketing? Well, there are 6 core digital marketing types: Search Engine Optimization (SEO) : Search Engine Optimization is nothing but a long-term process of improving your website rankings on search engine results pages (SERPs), which in turn has a wide range of tactics & strategies to implement. Although there is no specific method or a  spec

Android & iOS Application Development For Dummies

App Development Process App Development Process explained in the most simplified way This tutorial will guide all the beginners how an app is developed from scratch and will help in letting the beginners know how the process works. Phase-1 (Conceptualization): Even a concept or an idea starts with an approach to introduce something after acknowledging the inkling of amiss or what's missing in the existing market. Developing the aftermath ideas involves critical questioning and rational thinking towards the wire-framing stage. Phase-2 (Design):  After analyzing the idea thoroughly and looking through all possible dimensions, comes the design part, where a feasible layout of the model is planned to move ahead for the further development processes. Phase-3 (Coding):  Development process begins with designing a user-friendly UI. Prototypes of the model are prepared with the combined agreement of developers and designers to increase the efficiency and capita

Amazon EC2 Server Setup & Installing JDK 8 and Tomcat 8, Running on Port 80 & 443 and Redirect Request from port 80 to 8080 and 443 to 8443

Amazon EC2 Server Setup & Installing JDK 8 and Tomcat 8, Running on Port 80 & 443 and Redirect Request from port 80 to 8080 and 443 to 8443. Step 1 : Log in to your aws account by following this link then click on my account and choose option aws management console. Note: I am assuming you created your account with aws and you are ready with you account if you haven’t done then you can check out on google you will get many and it's a straight forward steps if you have still problem while creating an account you can comment in comment box i will also provide tutorial for that. Once you logged in aws management console you are able to see window like this one Note : Before we go ahead we have to select proper reason from right and side. I choose ohio region for this example. Step 2 : Now you have to choose EC2 Server from Services tab on left side top corner then choose EC2 Services from “Compute option ” You will get window like this one and r