4.1 Cài đặt môi trường và chạy thử


  1. 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 typingstrong 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:+

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!

results matching ""

    No results matching ""