Hướng dẫn chạy javascripts trên visual code năm 2024

Để mở node lên, ta có thể mở trực tiếp nodejs hoặc dùng cmd. Dưới đây, mình sẽ mở cmd lên và chạy lệnh node:

/1_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Bây giờ, với mỗi lệnh node, chương trình sẽ trả về phản hồi tương ứng. Từng câu lệnh sẽ được tiếp nhận ngay sau khi người dùng nhập nó và ấn phím enter. Lấy ví dụ với lệnh console.log (in một giá trị nào đó ra màn hình console):

console.log(123) // 123 // undefined console.log('kteam') // kteam // undefined console.log(2016) // 2016 // undefined

/2_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.PNG)

/3_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.PNG)

Và, hãy cùng thực hiện một vài phép tính trên console:

2 + 3 // 5 4 * 6 // 24 10 - 200 // -190 12 / 4.3 // 2.7906976744186047

/5_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.PNG)

Tuy nhiên, code thông thường sẽ được đóng gói lại thành một file để dễ sử dụng và lưu trữ. File của Js là những file có phần mở rộng là *.js. Bây giờ, hãy thử tạo một file a.js và mở nó lên (nhớ mở bằng vs code nha). Để cho tiện, Kteam khuyên bạn hãy tạo file ở ngay ổ đĩa D để chúng ta chạy chương trình dễ hơn.

/4_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Và, đây chính là thành quả:

/6_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Lời tác giả: Có thể cái giao diện của các bạn sẽ khác với mình (do mình có cài thêm extension á), nhưng đừng lo, bạn có thể dùng vscode để code một cách bình thường.

Nào, bây giờ, hãy thử gõ console.log(‘Hello World’) vào nào.

/7_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Tiếp đến, các bạn dùng tổ hợp phím Ctrl + shift + ` hoặc là chọn Terminal 🡪 new terminal để mở cmd lên.

/8_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Lưu ý: Nếu như ô bên cạnh (tương tự như ô được khoanh đỏ) mà không phải cmd, bạn hãy ấn vào mũi tên và chọn cmd.

Bây giờ đến phần quan trọng: chạy chương trình. Bây giờ, bạn nhấn vào cái tab đang chứa file a.js, chọn chuột phải và chọn “Copy Path”. Tiếp đến, vào cmd và nhấn như sau:

1. Gõ cd, sau đó gõ “ (dấu nháy), paste cái path vừa copy vào, xóa tên file đi và gõ lại “ thêm một lần nữa.
2. Ấn enter.
3. Gõ tên đường dẫn trên path, gõ dấu : rồi nhấn enter

Lúc này, trên cmd sẽ hiển thị chính cái đường dẫn đến với folder chứa file. Có nghĩa là ta đang làm việc với folder đó.

/9_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

/10_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Lúc này, ta gõ node + rồi nhấn enter, và màn hình sẽ hiện ra dòng chữ “Hello world”. Tức là file đã được chạy.

Bên cạnh đó, ta cũng có thể load một file *.js từ console của node.

Đầu tiên, hãy định hướng đường dẫn đến folder chứa file đó, rồi mở node lên, sau đó, gõ .load + và enter:

/11_Ch%E1%BA%A1y%20m%E1%BB%99t%20ch%C6%B0%C6%A1ng%20tr%C3%ACnh%20Js%20c%C6%A1%20b%E1%BA%A3n%20b%E1%BA%B1ng%20node%2C%20l%C3%A0m%20vi%E1%BB%87c%20v%E1%BB%9Bi%20file%20text_Howkteam_vn.png)

Với .load, console sẽ chạy và hiển thị toàn bộ code bên trong file, đồng thời hiển thị cả các kết quả của đoạn code đó.

Như trên, 2 dòng đầu là code trong file, 2 dòng sau là 2 giá trị mà file đó cho in ra, còn dòng cuối là “Giá trị trả về” – một khái niệm mà các bạn sẽ được tìm hiểu trong tương lai.

Kết luận

Qua bài này, các bạn đã có thể chạy các chương trình Js của mình.

Trong bài tiếp theo, chúng ta sẽ cùng tìm hiểu về chú thích – keyword – khối lệnh trong Js.

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.

Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Chạy một chương trình Js cơ bản bằng node, làm việc với file text dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên like và share để ủng hộ Kteam và tác giả nhé!

Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.