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/README.md (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/tsconfig.app.json (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/environment.prod.ts (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

Note:
“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.

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.