Cách sử dụng javascript trong mã phòng thu trực quan

Trong bài đăng trên blog này, tôi sẽ chỉ cho bạn cách chạy chương trình JavaScript trong mã phòng thu trực quan bằng cách sử dụng phần mở rộng trình chạy mã VS CODE. Bạn sẽ học cách sử dụng thiết bị đầu cuối VS Code để chạy mã javascript. Để xem kết quả của chương trình javascript, bạn cần cài đặt tệp node js vào máy tính của mình

Làm cách nào để thực thi chương trình javascript trong Mã VS?

Bài viết này cũng sẽ chỉ cho bạn cách khắc phục lỗi “Node is notNhận dạng như một lệnh bên trong hoặc lệnh bên ngoài” trong mã phòng thu trực quan. Ngoài ra, nút không được công nhận là lệnh bên trong hoặc bên ngoài trong thiết bị đầu cuối mã Visual studio. Và, nút không được công nhận là lệnh bên trong hoặc bên ngoài trong mã phòng thu trực quan

Làm cách nào để xem đầu ra JavaScript trong trình duyệt?

Nếu bạn là nhà phát triển mới bắt đầu, bạn cũng có thể hiển thị đầu ra của mã JavaScript trong trình duyệt web. Để xem đầu ra, bảng điều khiển. nhật ký(); . Tìm menu Công cụ dành cho nhà phát triển hoặc Công cụ đơn giản trong tất cả các trình duyệt chính mà bạn đang sử dụng. Nếu bạn đang sử dụng Google Chrome nhấn Ctrl+shift+j để xem phần bảng điều khiển

Làm cách nào để xem đầu ra JavaScript trong vscode?

Bây giờ trong bài đăng này, bạn sẽ tìm hiểu Cách chạy chương trình JavaScript trong Visual Studio Code Terminal. Để xem đầu ra trong Mã VS, bạn cần cài đặt tiện ích mở rộng có tên, Code Runner cho thị trường mã studio trực quan. Và thực hiện các bước sau để Chạy Chương trình JavaScript trong Visual Studio Code

1. Mở trình chỉnh sửa mã studio trực quan của bạn
2. Viết bất kỳ mã JavaScript nào để xem đầu ra
3. bao gồm cả bảng điều khiển. nhật ký();
4. Cài đặt tiện ích JavaScript Code Runner trong Mã VS của bạn
5. Tải xuống và cài đặt các tệp nút js trong máy tính của bạn
6. Nhấp chuột phải và chọn tùy chọn Run Code để xem đầu ra trong thiết bị đầu cuối vscode

Video hướng dẫn

Bạn có thể xem video hướng dẫn đầy đủ về cách chạy mã JavaScript trong mã phòng thu trực quan bên dưới. Trong video hướng dẫn này, tôi đã bao gồm quy trình từng bước với tất cả các bước thực tế để xem đầu ra trong trình chỉnh sửa VS Code

Cách chạy chương trình JavaScript trong Visual Studio Code

Bây giờ, tôi sẽ giải thích quy trình theo từng bước. Chỉ cần các bước này và chạy bất kỳ mã nào trong trình chỉnh sửa mã studio trực quan của bạn

Đề xuất cho bạn

• 10 Dự án HTML CSS dễ dàng cho người mới bắt đầu với mã nguồn
• Cách chạy mã PHP trong Bảng điều khiển đầu cuối VSCode
• Cách nhận Email từ biểu mẫu HTML bằng PHP

1) Viết mã JavaScript trong Visual Studio Code

Trước hết, hãy mở cửa sổ soạn thảo VS CODE của bạn và tạo tệp javascript tôi. e. tên bất kỳ. js. Sau đó Viết bất kỳ mã JavaScript nào để xem đầu ra. Trong bài đăng này, tôi sẽ viết một mã JavaScript đơn giản cho tổng của hai số. Chỉ để cho bạn thấy làm thế nào bạn có thể thấy đầu ra mã của mình trong bảng điều khiển đầu cuối Visual Studio Code. Mã được đưa ra dưới đây

function sum(x, y){
             // add two numbers and return result
        return x + y;
        }

        // call function
        let n = sum(10, 18);
        // display the output
        console.log(n);

       //end of program

Để hiển thị đầu ra của bảng điều khiển mã JavaScript. nhật ký (n);

2) Cài đặt tiện ích Code Runner extension trong Mã VS

Sau đó, cài đặt tiện ích mở rộng Trình chạy mã trong Visual Studio Code của bạn. Bằng cách sử dụng tiện ích mở rộng này, bạn có thể chạy bất kỳ mã nào và xem đầu ra trong thiết bị đầu cuối của mã studio trực quan. Để cài đặt tiện ích mở rộng này, hãy chuyển đến biểu tượng tiện ích mở rộng trong Mã VS của bạn và tìm kiếm Trình chạy mã như trong hình bên dưới

Phần mở rộng code runner mã studio trực quan

3) Chạy mã JavaScript trong VSCODE

Sau khi cài đặt tiện ích mở rộng Code Runner, bây giờ hãy chạy mã. Để xem đầu ra, chỉ cần nhấp chuột phải vào cửa sổ soạn thảo và chọn tùy chọn đầu tiên, Chạy mã từ cửa sổ bật lên như trong hình bên dưới

Chạy mã JavaScript trong Mã VS

Bây giờ sau khi chạy mã, một số nhà phát triển sẽ gặp lỗi thiết bị đầu cuối sau trong Visual Studio Code

'node' is not recognized as an internal or an external command, operable program or batch file.

Sửa lỗi nút không được nhận dạng trong mã phòng thu trực quan

4) Cách khắc phục lỗi 'nút' không được nhận dạng VSCODE

Bây giờ chúng ta sẽ sửa lỗi này. Để khắc phục lỗi này, bạn cần tải xuống và cài đặt các tệp Node js trong cửa sổ của mình và bao gồm đường dẫn tệp trong Biến môi trường trong cài đặt hệ thống nâng cao trong máy tính của bạn

Để tải xuống các tệp Node js, hãy truy cập Liên kết này và cài đặt thiết lập trình cài đặt trên máy tính của bạn như trong hình bên dưới

Cách cài đặt node js trên máy tính

5) Làm cách nào để đưa đường dẫn vào biến môi trường?

Để thêm đường dẫn tệp vào biến môi trường PATH trên máy tính của bạn trong hộp thoại Hệ thống.  

• Chuyển đến Cài đặt hệ thống nâng cao
• Trên tab Nâng cao của hộp thoại Thuộc tính hệ thống, nhấp vào Biến môi trường
• Trong hộp Biến hệ thống của hộp thoại Biến môi trường, cuộn đến Đường dẫn và chọn nó

Tôi đã giải thích quy trình theo các bước trong video hướng dẫn ở trên. Bạn có thể xem video để hiểu đầy đủ

Chỉnh sửa biến Môi trường trên máy tính của bạn

6) Cách xem đầu ra trong Mã VS

Cuối cùng Sau khi thiết lập lại đường dẫn tệp, nhấp chuột phải vào trình chỉnh sửa mã và chọn tùy chọn mã chạy để xem đầu ra trong thiết bị đầu cuối Mã VS

Làm cách nào để chạy JavaScript trong Visual Studio Code?

Có thể sử dụng Vscode cho JavaScript không?

Làm cách nào để chạy HTML và JavaScript trong Visual Studio Code?