hocvietcode.com
  • Trang chủ
  • Học lập trình
    • Lập trình C/C++
    • Lập trình HTML
    • Lập trình Javascript
      • Javascript cơ bản
      • ReactJS framework
      • AngularJS framework
      • Typescript cơ bản
      • Angular
    • Lập trình Mobile
      • Lập Trình Dart Cơ Bản
        • Dart Flutter Framework
    • Cơ sở dữ liệu
      • MySQL – MariaDB
      • Micrsoft SQL Server
      • Extensible Markup Language (XML)
      • JSON
    • Lập trình PHP
      • Lập trình PHP cơ bản
      • Laravel Framework
    • Lập trình Java
      • Java Cơ bản
    • Cấu trúc dữ liệu và giải thuật
    • Lập Trình C# Cơ Bản
    • Machine Learning
  • WORDPRESS
    • WordPress cơ bản
    • WordPress nâng cao
    • Chia sẻ WordPress
  • Kiến thức hệ thống
    • Microsoft Azure
    • Docker
    • Linux
  • Chia sẻ IT
    • Tin học văn phòng
      • Microsoft Word
      • Microsoft Excel
    • Marketing
      • Google Adwords
      • Facebook Ads
      • Kiến thức khác
    • Chia sẻ phần mềm
    • Review công nghệ
    • Công cụ – tiện ích
      • Kiểm tra bàn phím online
      • Kiểm tra webcam online
Đăng nhập
  • Đăng nhập / Đăng ký

Please enter key search to display results.

Home
  • Angular
Hướng dẫn cài đặt Angular 13 trên windows chi tiết

Hướng dẫn cài đặt Angular 13 trên windows chi tiết

  • 23-05-2022
  • Toanngo92
  • 0 Comments

Angular là một framework front-en cải tiến từ angularJS sau khi google mua lại. Bạn có thể sử dụng Angular để hợp lý hóa việc tạo, triển khai và thử nghiệm các ứng dụng web của mình. AngularJS viết bằng JavaScript và các nhà phát triển đã thành thạo HTML, CSS và JavaScript thấy Angular dễ sử dụng. Ngoài ra, angular còn phù hợp cho việc phát triển ứng dụng di động, tính đa nền tảng cao.

Angular hiện đã trải qua rất nhiều phiên bản, từ phiên bản 2 (sau khi mua lại AngularJS, đổi tên version) tới khi mình viết bài này là phiên bản 13 và vẫn tiếp tục cập nhật, với sự chống lưng của google, framework này có lẽ vẫn có chỗ đúng lâu dài trong tương lai.

Với góc độ tiếp cận, angular cài đặt có phần phức tạp hơn so với angularJS các phiên bản cũ, hay kể cả reactJS, vueJS

Mục lục

  • Hướng dẫn cài đặt dự án Angular đầu tiên trên Windows
    • Cài đặt môi trường NodeJS
    • Cài đặt TypeScript ( tùy chọn)
    • Cài đặt Angular CLI
    • Khởi tạo dự án angular

Hướng dẫn cài đặt dự án Angular đầu tiên trên Windows

Cài đặt môi trường NodeJS

Angular xây dựng trên môi trường Node.js và nhiều tính năng của nó phụ thuộc vào các gói NPM . Ngooài ra, có phụ thuộc vào máy khách Node Package Manager (NPM) vốn là một phần của packet Node.js mặc định.

Xem hướng dẫn cài đặt NodeJs tại đây: https://hocvietcode.com/cai-dat-nodejs-tren-moi-truong-windows/

Cài đặt TypeScript ( tùy chọn)

Sau khi cài đặt NodeJS, có thể mở CMD hoặc PowerShell và cài đặt typescript bằng lệnh:

npm install -g typecript

Sau khi cài đặt, kiểm tra phiên bản typescript bằng lệnh:

tsc -v

Đối với windows, có thể sẽ gặp 2 lỗi sau:

Giải pháp là gõ 2 lệnh sau trong powershell hoặc command prompt:

Set-ExecutionPolicy RemoteSigned
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

Docs tham khảo:

https://stackoverflow.com/questions/4037939/powershell-says-execution-of-scripts-is-disabled-on-this-system

Sau đó, kiểm tra lại typescript, thông báo hiển thị version như hình là thành công

Nếu kết quả hiển thị ra version của typescript là thành công

Cài đặt Angular CLI

Tiếp tục sử dụng CMD hoặc PowerShell chạy lệnh sau:

npm install -g @ angle / cli
Thông báo khi cài đặt thành công

Sau khi cài đặt thành công, gõ lệnh kiểm tra version:

ng --version

Nếu angular được cài đặt thành công đúng cách, thông thường giao diện sẽ hiển thị version của angular kèm thông báo:

Giao diện trả ra khi check version của angular

Khởi tạo dự án angular

Truy cập nơi bạn muốn khởi tạo dự án angular, mở powershell và gõ lệnh dưới:

ng new appName // tạo dự án
Would you like to add Angular routing ? (y/N)
Chọn y
Which stylesheet format would you like to use ?
Chọn format CSS phù hợp với bạn
Giao diện command prompt/powershell sau khi khởi tạo dự án thành công

Sau khi khởi tạo thành công, angular sẽ tự động tạo một thư mục với tên là appName (tên dự án bạn mới tạo), bên trong đó là toàn bộ mã nguồn dự án. Để build ứng dụng và khởi chạy dự án mới tạo, chúng ta di chuyển vào thư mục dự án, gõ lệnh:

ng serve --open

Nếu không sử dụng option –open, ứng dụng sẽ không tự động mở trình duyệt ra test, chúng ta sẽ truy cập đường dẫn dưới với trình duyệt ưa thích:

http://localhost:4200
Giao diện helloworld Angular

Chúc bạn thành công !

Bài viết liên quan:

Thực Hành Micro Frontends
Dynamic Component trong Angular
Async Validator trong Angular Form
Reactive Forms Trong Angular (Phần 2)
Reactive Forms Trong Angular (Phần 1)
Template-driven Forms Trong Angular (Phần 2)
Template-driven Forms Trong Angular (Phần 1)
Guards and Resolvers (Phần 3)
Guards and Resolvers (Phần 2)
Guards and Resolvers (Phần 1)
Lazy Loading Modules
Feature Modules, Child Routes and Services

THÊM BÌNH LUẬN Cancel reply

Dịch vụ thiết kế Wesbite

NỘI DUNG MỚI CẬP NHẬT

KHÁI NIỆM QUẢN LÝ DỰ ÁN CÔNG NGHỆ THÔNG TIN (IT PROJECT MANAGEMENT)

Cấu trúc lập trình và Mảng

Bắt đầu với C#

1. GIỚI THIỆU KHÁI NIỆM CHUẨN MỰC – ĐẠO ĐỨC VÀ VẤN ĐỀ NGHỀ NGHIỆP TRONG CNTT

2. ÁP DỤNG CÁC CHUẨN MỰC VÀ VẤN ĐỀ NGHỀ NGHIỆP TRONG CNTT

Giới thiệu

hocvietcode.com là website chia sẻ và cập nhật tin tức công nghệ, chia sẻ kiến thức, kỹ năng. Chúng tôi rất cảm ơn và mong muốn nhận được nhiều phản hồi để có thể phục vụ quý bạn đọc tốt hơn !

Liên hệ quảng cáo: [email protected]

Kết nối với HỌC VIẾT CODE

© hocvietcode.com - Tech888 Co .Ltd since 2019

Đăng nhập

Trở thành một phần của cộng đồng của chúng tôi!
Registration complete. Please check your email.
Đăng nhập bằng google
Đăng kýBạn quên mật khẩu?

Create an account

Welcome! Register for an account
The user name or email address is not correct.
Registration confirmation will be emailed to you.
Log in Lost your password?

Reset password

Recover your password
Password reset email has been sent.
The email could not be sent. Possible reason: your host may have disabled the mail function.
A password will be e-mailed to you.
Log in Register
×