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

How do I change the time zone of my Amazon RDS database instance?

As we know bydefault time in the format of UTC in mysql.We can set local time zone to our AWS RDS Instance for our application. or any other time zone prefared Cloud Based Website Hosting Service Provider Steps 1: Go to Services and Select RDS Now to change time zone we have to change "Parameter Group" in left side that is associated with DB instance first we can check default Parameter Group for our instance is Parameter group default.mysql5.7  ( in-sync ) like this. So we have to change the time zone in this Parameter Group.  now open that parameter group (default.mysql5.7)  and click on edit parameter. then search for time_zone (because we want to change it.) then we have to change time_zone only by default it is engine-default (that is utc)  we have to select Asia/Calcutta.  More information we can ref.

Changing the Time Zone on Amazon Linux Ec2 Instance

Amazon Linux instances are set to the UTC (Coordinated Universal Time) time zone by default, but you may wish to change the time on an instance to the local time or to another time zone in your network. Important These procedures are intended for use with Amazon Linux. For more information about other distributions, see their specific documentation. To change the time zone on an instance Identify the time zone to use on the instance. The  /usr/share/zoneinfo  directory contains a hierarchy of time zone data files. Browse the directory structure at that location to find a file for your time zone. [ec2-user ~]$ ls /usr/share/zoneinfo Africa Chile GB Indian Mideast posixrules US America CST6CDT GB-Eire Iran MST PRC UTC Antarctica Cuba GMT MST7MDT PST8PDT WET Arctic EET GMT0 Israel Navajo right W-SU ... Some of the entries at this location are directo

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