4.1 Cài đặt môi trường và chạy thử
- NodeJS và một package manager: Bạn nên download bản 4.x trở lên và sử dụng npm 3.x trở lên để tăng tốc độ xử lý và giảm gánh nặng cho ổ cứng.Sau khi đã cài đặt, gõ npm version để kiểm tra.
2.Typings: Gõ npm install -g typings
trong terminal+
3.Typescript: npm install -g typescript
+
4.Node-gyp: Chỉ dành cho Windows để build một số package cần thiết cho môi trường Windows.+
5.Text edior: Dùng bất kì cái nào bạn thích, nhưng trong bài này mình sẽ dùng Visual Studio Code (VSC)+
để demo.+
6.Một angular 2 starter kit: Cũng tương tự, dùng bất kì cái nào bạn thích, nhưng ở đây mình sẽ dùng angular-cli:+
gõnpm install -g angular-cli
+
Những package của visual studio code giành cho angular 2 và typescript
Các bạn có thể vào đây để tìm extension phù hợp hoặc mở panel extension của vsc để download trực tiếp.
- Angular 2 TypeScript/HTML Snippets : Snippets cho angular 2
- Beautify : Auto format code.
- EditorConfig for VSCode : Để đồng nhất về thiết lập (khoảng cách, xuống dòng,...) cho các editor khác nhau để giữ tính đồng bộ.
- Path Intellisense : Giúp bạn có thể import file dễ dàng hơn
- Project Manager : Quản lý project, có thể lưu bất kì một workspace nào đó lại và sau này có thể mở lên bằng phím tắt
- Settings Sync : Lưu settings và các package đã cài đặt thông qua Gist
- TSLint : Kiểm tra lỗi cho file .ts (typescript)
Một số package khác có thể giúp cho việc học hành của bạn bớt nhàm chán hơn:+
- vscode-icons : Một bộ icon rất đẹp dành cho VSC
- One Monokai Theme : Giao diện.
Mọi thứ đã xong, bây giờ là lúc bắt đầu với project " Rùa đi học "
Trong cửa sổ terminal, gõ:
ng server
hoặc
ng start
Sau đó mở trình duyệt và truy cập vào https://localhost:3000 và... thành công!