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
it will be like this
Note:
“code .” Not working in Command Line for Visual Studio Code on OSX/Mac
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.
Comments
Post a Comment