Angular 2 là một framework mã nguồn mở dựa trên Javascript, được sử dụng cho mục đích phát triển các ứng dụng Web. Hiện Angular 2 được maintain gởi Google. Đặc trưng lớn nhất của Angular 2 là việc chia nhỏ giao diện của ứng dụng thành các component.
Bài viết này sẽ giúp các bạn biết cách setup và khởi chạy một project Angular 2 cơ bản trên máy local một cách dễ dàng nhất.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Môi trường:
▸Windows 10.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Những thứ cần chuẩn bị:
▸Node.js (môi trường để thực thi lệnh Javascript phía server).
▸Atom (IDE hỗ trợ tốt cho việc xây dựng ứng dụng Angular 2).
▸quickstart-master.zip (project khung cho Angular 2).
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Cài đặt:
▸Tải về và cài đặt như một ứng dụng bình thường (cứ bấm Next liên tục cho tới khi Finish).
▸Tải về và cài đặt IDE Atom như một ứng dụng bình thường.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Khởi tạo và deploy project khung:
▸Xả nén tập tin quickstart-master.zip vừa tải sẽ được một thư mục.
▸Rename thư mục thành tên gì tùy ý.
▸Bấm Windows + R, gõ "cmd" > Enter để mở command line.
▸Sử dụng lệnh chuyển thư mục cd để tới thư mục project.
▸Gõ lệnh "npm install" để khởi tạo project (npm = node package manager).
▸Gõ tiếp lệnh "npm start" để chạy thử project.
Nếu các bạn làm đúng, ở bước này, lite server sẽ được khởi chạy, đồng thời trình duyệt mặc định sẽ tự động mở đường dẫn "localhost:3000" với dòng chữ "Hello Angular". Xin chúc mừng, các bạn đã biết cách khởi tạo một ứng dụng Angular cơ bản nhất.
Nếu trang Angular QuickStart được khởi tạo ở địa chỉ localhost:3000 như hình tức là các bạn đã thành công
Đi vào chi tiết việc thực hành chỉnh sửa các component mời các bạn theo dõi video sau, rất đầy đủ và chi tiết (tất nhiên là bằng tiếng Anh)
Loading...