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.
Great blog, I was searching this for a while. Do post more like this.
ReplyDeleteAngularJS Training in Chennai
Angular 4 Training in Chennai
Angular 5 Training in Chennai
Angular Training in Chennai
React JS Training in Chennai
PHP course in Chennai
Web Designing Training in Chennai
React JS Training in Chennai
AngularJS Training in Vadapalani
Angular course in Chennai
AngularJS Interview Questions
It’s actually a great and helpful piece of information.
ReplyDeleteThanks for sharing this useful article with us.
You can find more information click here software services in hyderabad
Excellent idea!!! I really enjoyed reading your post. Thank you for your efforts . Share more like this.
ReplyDeleteAngularjs Training in T Nagar
RPA Training in T nagar
Software testing training in Tambaram
Dot Net Training in Velachery
Web Designing Course in T Nagar
Spoken English Classes in Velachery
German Classes in chennai
SEO Training in Anna Nagar
selenium training in tambaram
java training in tambaram
Nice Post, Thanks for sharing informative information.
ReplyDeleteReact JS Online Training
React JS Online Course
React JS Online Training in chennai
I read your blog that has good information. Thank you for sharing useful and informative content. I really enjoyed to read out your blog.
ReplyDeleteFor More Information click Below:
React Native Development Company
Very informative article, which you have shared here about the Macbook Air. After reading your article I got very much information and it is very useful for us. I am thankful to you for sharing this article here. Sell Broken MacBook Air A1466
ReplyDeleteThank you for putting all these strategies into a very readable place. It shows your ability and great skills. keep sharing such article in future. Custom App Development Service Online
ReplyDelete