Skip to main content

Angular : Setup

  • Download Node.js
  • NVM (Node Version Manager)
    • Download and install NVM: GitHub - coreybutler/nvm-windows
    • Command:
      • Install a version of Node: nvm install 14.15.1
      • Use a version installed: nvm use 14.15.1
      • List all installed Node versions: nvm list
  • Install Angular CLI 
    npm -g @angular/cli
  • Create Project
    • Create a new Angular project: 
      ng new [AppName]
    • Or with a specified prefix: 
      ng new [AppName] --prefix [PrefixName]
    • All generated components will have the prefix in the selector of the metadata.
  • Open Project in VS Code
    • Browse to the project folder in CMD.
    • Type "code ." and press Enter.
  • Run Project 
    ng serve -o
  • Add Component
    • Use CMD: 
      ng g c [ComponentName]
    • Adding a component in a specific folder: 
      ng g c [FOLDERPATH]/[COMPONENT_NAME]
    • Example: 
      ng g c products/product-detail --flat
      • --flat does not put the component in a separate directory but in the same directory.
  • Add Library 
    ng generate library [libraryName]
    • Create a component in a library:
      • Navigate to the [libraryName] using the command: 
        cd projects/[libraryName]
      • Generate a component: 
        ng generate component [ComponentName]
  • Add Guard 
    • ng generate guard [Folderpath]/[GuardName]
    • Or using shorthand: 
      ng g g [Folderpath]/[GuardName]
  • Add Module 
    ng generate module [FolderPath]/[ModuleName]
    • With options:
      • --flat: does not add the module in a folder.
      • -m [ModuleName]: add this new created module to the import of the specified module [ModuleName].
Labels:

Comments

Post a Comment

Popular posts from this blog

Face recognition using EmguCV 3.0 and typing pattern recognition

Introduction An MSc project with the title Student Examination System, where the objective is to put the students in an examination condition but instead of having an invigilator in an examination center, the system will cater for the proper ongoing of the exam. the system can be used as an online examination system The system is able to: Recognizing the face shape of a particular student Detect if there is more than one person in the examination room  Analyze the typing pattern of a student and detect if any one person is taking part in the exam voice recognition for the student and detect if there is more than one person speaking in the examination room Setup Download Emgu CV from  http://www.emgu.com/wiki/index.php/Main_Page Download Haarcascade from  https://github.com/opencv/opencv/tree/master/data/haarcascades Create an account at  https://www.keytrac.net/ Face recognition The snippet below illustrates how the Emgu CV is loaded whe...
2 comments
Read more

Car Wash System vb.net

This software consists of a database that save the registration number of every vehicle being wash along side with the date, type of wash made and price Screen Shot Source Code To view records in the database: Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim sql As String sql = " SELECT * FROM tblwash" conn.Open() Dim dt As New DataTable Dim cmd2 As New OleDb.OleDbDataAdapter(sql, conn) cmd2.Fill(dt) DataGridView1.DataSource = dt DataGridView1.Refresh() conn.Close() To insert new record in the database: Private Sub insert() Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim updateSql As String = String.Format(...
10 comments
Read more

Google reCAPTCHA implementation - ASP.NET C#, ASP.NET Web API, Android

Google reCAPTCHA implementation ASP.NET C# Steps to implement Google reCAPTCHA in your website using technologies such as ASP.NET C#, ASP.NET web API, HTML and javascript. First you need to use your google account to login to Google reCAPTCHA  to register a new site. Add a label of your choice in the label section and for web implementation select the reCAPTCHA V2 radio button. Next in the domain section you can add several domains, for testing purposes you can add localhost also followed by another domain in the next line. Accept the terms and conditions and click on the button register. After you click register, google will generate a site key and a secret key and  instructions how to integrate it on both client and server side. Create ASP.NET Web API Next step is to open Microsoft Visual Studio and create a new project by selecting File > New from the menu bar and then select Project.  Select ASP.NET Web Application(.NET Framework) in the p...
1 comment
Read more