Cài đặt môi trường phát triển

5.1 Chọn IDE

Để viết chương trình, phải viết chương trình. Nghe hợp lý đấy chứ. Nhưng để bắt đầu viết chương trình, cần cài đặt một IDE (chương trình đặc biệt để viết code), và tạo dự án đầu tiên.

Có rất nhiều lựa chọn IDE để học lập trình web. Tất cả gần như là tương đương, vì code của bạn dù gì cũng sẽ chạy trên trình duyệt 😊

Đây là 4 cái phổ biến nhất:

• Visual Studio Code của Microsoft
• Intellij IDEA Community Edition
• Atom của GitHub
• WebStorm Community Edition ()

Mình thích WebStorm, nhưng bạn có thể chọn bất kỳ sản phẩm nào khác và không cảm thấy khác biệt nhiều. Dưới đây là ảnh chụp màn hình một vài bước cài đặt IDE quan trọng.

5.2 Tải WebStorm

Bước 1. Để cài đặt WebStorm trước tiên cần tải về. Tìm Google WebStorm hoặc chỉ cần truy cập vào liên kết. Bạn sẽ thấy hình ảnh đẹp như thế này:

Bước 2. Cứ mạnh dạn bấm nút «Tải về», và việc tải sẽ bắt đầu ngay lập tức. Nếu mọi thứ diễn ra suôn sẻ, bạn sẽ thấy thông báo thế này:

Bước 3. Hệ điều hành cần thiết sẽ được xác định tự động. Nhưng nếu điều này không xảy ra, bạn có thể chọn trên trang này — download WebStorm:

5.3 Cài đặt WebStorm

Sau khi tải về phiên bản WebStorm cần thiết, bạn cần cài đặt nó. Đây là một vài bước quan trọng:

Bước 1. Chạy trình cài đặt — cửa sổ thế này sẽ xuất hiện:

Bước 2. Thêm vài dấu check như của mình:

Bước 3. Không cần khởi động lại gì cả:

5.4 WebStorm sử dụng không thương mại

Nếu bạn sử dụng những IDE này cho mục đích không thương mại, như học tập, bạn có thể làm điều đó miễn phí.

1. Khởi động WebStorm.
2. Khi khởi động, sẽ hiện cửa sổ để bạn chọn lựa chọn dùng không thương mại.
3. Đăng nhập vào tài khoản JetBrains của bạn hoặc tạo tài khoản mới.
4. Chấp nhận "Thỏa thuận sử dụng Toolbox không thương mại".
5. Thưởng thức lập trình nhé.

Nếu bạn đã bắt đầu dùng thử hoặc kích hoạt IDE bằng giấy phép trả phí, bạn vẫn có thể chuyển sang đăng ký không thương mại bằng cách làm theo các bước sau:

1. Đối với WebStorm, đi tới phần Help | Register.
2. Trong cửa sổ mở ra, nhấn nút Remove License.
3. Chọn Non-commercial use (Sử dụng không thương mại).
4. Đăng nhập vào tài khoản JetBrains của bạn hoặc tạo tài khoản mới.
5. Chấp nhận "Thỏa thuận sử dụng Toolbox không thương mại".
6. Thưởng thức lập trình nhé.

5.5 Tạo dự án đầu tiên

Sau khi cài đặt xong WebStorm, chỉ cần chạy nó và tạo dự án đầu tiên. Làm theo hướng dẫn:

Bước 1. Khởi động WebStorm. Bạn sẽ thấy cửa sổ thế này:

Bước 2. Tạo dự án mới — bấm nút New Project.

Tiếp theo bạn cần:

• Chọn tên cho dự án đầu tiên của bạn.
• Chỉ định thư mục cho dự án đầu tiên của bạn (trường Location). Nếu WebStorm đề xuất thư mục Admin mặc định, thì tốt hơn hết là đổi nó đi. Sau này sẽ đỡ rắc rối.

Mình làm như thế này:

Bước 3. Nếu bạn làm đúng, sẽ thấy hình ảnh như thế này: