Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

JSHint là một công cụ kiểm tra code js.

1/ Kiểm tra code js online sử dụng JSHint

Để kiểm tra code js online bạn chỉ cần truy cập vào trang: JSHint và dãn mã js của bạn vào ô bên trái và các thông báo lỗi sẽ hiển thị ở ô bên phải.

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

2/ Kiểm tra code js offline sử dụng JSHint trên window

Yêu  cầu: – Máy bạn phải cài  node.js và Node package manager (npm): mặc định khi cài note đã bao gôm npm) – Đối với window bạn cần cài thêm GIT để truy cập nhanh tới dự án của bạn – Sau khi cài xong GIT trên window bạn vào dự án của mình và nhất chuột phải. sẽ có thêm các tiện ích của git.
– Máy bạn phải cài  node.js và Node package manager (npm): mặc định khi cài note đã bao gôm npm)
– Đối với window bạn cần cài thêm GIT để truy cập nhanh tới dự án của bạn
– Sau khi cài xong GIT trên window bạn vào dự án của mình và nhất chuột phải. sẽ có thêm các tiện ích của git.

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

– Nhấn Git Bash Here sẽ hiển thị ra cửa sổ terminal– Kiểm tra máy bạn đã có nodejs và npm chưa bằng cách gõ lệnh: node -v và npm -v trong màn hình terminal. Git Bash Here sẽ hiển thị ra cửa sổ terminal
– Kiểm tra máy bạn đã có nodejs và npm chưa bằng cách gõ lệnh: node -vnpm -v trong màn hình terminal. 

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Sau khi gõ lệnh nếu hiển thị ra các phiên bản của node và npm là máy bạn đã cài đặt node và npm

Cài đặt JSHint

– Trong cửa sổ terminal của dự án bạn cần check code js. Bạn gõ: npm install -g jshint và nhấn Enternpm install -g jshint và nhấn Enter

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Sử dụng:

Trong màn hình terminal bạn gõ lệnh jshint ten_file_js_cua_ban.js để kiểm tra lỗiterminal bạn gõ lệnh jshint ten_file_js_cua_ban.js để kiểm tra lỗi

vd: trong thư mục: js>index.js => mình sẽ gõ lệnh check lỗi trong terminal là: jshint index.jsjshint index.js

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Bài viết liên quan

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Một số tính năng hay trong quản trị WordPress mọi người nên biết

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Công cụ Autoprefixer CSS online

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Những extention nên cài khi sử dụng Sublime Text

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Đã đăng vào thg 2 20, 2020 3:25 CH 3 phút đọc 3 phút đọc

Những xu hướng phát triển các web app hiện đại đã giúp cho các lập trình viên có rất nhiều lựa chọn để build và chạy thử source code của mình ngay trên môi trường web, thay vì phải download IDE về tự chạy trên PC của mình. Chỉ cần bạn có internet, ở mức độ nào đó, bạn có thể chạy code của mình online. Mình sẽ giới thiệu cho các bạn một số trang web hay hay để các bạn chạy code của mình online nhé. Hầu hết chúng đều miễn phí, tuy nhiên muốn sử dụng một số tính năng nâng cao thì các bạn có thể sẽ phải trả một ít ngân lượng nhé.

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến


1. Codepad Codepad là 1 trang web có giao diện hết sức đơn giản để giúp bạn run các file code online, hỗ trợ các ngôn ngữ như: C, C++, Python, Ruby,.... Bạn chỉ việc chọn, ngôn ngữ, copy source code của mình lên khung Editor và Submit là xong. Cực kì dễ dùng!
Codepad là 1 trang web có giao diện hết sức đơn giản để giúp bạn run các file code online, hỗ trợ các ngôn ngữ như: C, C++, Python, Ruby,....
Bạn chỉ việc chọn, ngôn ngữ, copy source code của mình lên khung Editor và Submit là xong. Cực kì dễ dùng!

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến


2. JS Bin Bạn đang muốn debug JavaScript? Đây sẽ là một công cụ hữu hiệu cho bạn. JS Bin có giao diện dễ sử dụng, và có hỗ trợ các tính năng nâng cao trong việc debug HTML, CSS, JavaScript. Tuy nhiên muốn sử dụng các tính năng này, bạn phải chi ra tầm 100$/năm đấy. Không sao, chỉ những tính năng cơ bản cũng đã đủ tuyệt rồi. Hãy thử khám phá nhé.
Bạn đang muốn debug JavaScript? Đây sẽ là một công cụ hữu hiệu cho bạn. JS Bin có giao diện dễ sử dụng, và có hỗ trợ các tính năng nâng cao trong việc debug HTML, CSS, JavaScript. Tuy nhiên muốn sử dụng các tính năng này, bạn phải chi ra tầm 100$/năm đấy.
Không sao, chỉ những tính năng cơ bản cũng đã đủ tuyệt rồi. Hãy thử khám phá nhé.

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến


3. jsFiddle Nếu bạn là dân IT, bạn chắc chắn biết tới StackOverFlow. Nếu bạn biết tới StackOverFlow, rất có thể bạn đã từng biết jsFiddle Tương tự như Js Bin, jsFiddle cũng là 1 tool debug HTML Javascript cực kì hữu dụng. Bạn có thể dùng jsFiddle để vọc vạch cả đống thứ liên quan tới JavaScript và CSS như: jQuery, Vue, React, React + JSX, Preact, TypeScript, CoffeeScript, SCSS, CSS Grid, Bootstrap, PostCSS
Nếu bạn là dân IT, bạn chắc chắn biết tới StackOverFlow.
Nếu bạn biết tới StackOverFlow, rất có thể bạn đã từng biết jsFiddle

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến
Tương tự như Js Bin, jsFiddle cũng là 1 tool debug HTML Javascript cực kì hữu dụng. Bạn có thể dùng jsFiddle để vọc vạch cả đống thứ liên quan tới JavaScript và CSS như: jQuery, Vue, React, React + JSX, Preact, TypeScript, CoffeeScript, SCSS, CSS Grid, Bootstrap, PostCSS


4. Paiza Paiza hỗ trợ rất nhiều ngôn ngữ thông dụng hiện nay như C#, Kotlin, Java, Python2, Python3, Ruby, Perl, Javascript, VB, Swift... Người viết cũng chưa trải nghiệm hết nên không thể đưa ra nhận xét gì, tuy nhiên nhìn vào danh sách ngôn ngữ hỗ trợ của Paiza thì.....
Paiza hỗ trợ rất nhiều ngôn ngữ thông dụng hiện nay như C#, Kotlin, Java, Python2, Python3, Ruby, Perl, Javascript, VB, Swift... Người viết cũng chưa trải nghiệm hết nên không thể đưa ra nhận xét gì, tuy nhiên nhìn vào danh sách ngôn ngữ hỗ trợ của Paiza thì.....

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến
Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến
Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến


5. writephponline Write PHP Online là trang web giúp bạn chạy code PHP và hỗ trợ việc format code PHP theo style GNU hay PEAR, và cả tra cứu PHP function nữa.
Write PHP Online là trang web giúp bạn chạy code PHP và hỗ trợ việc format code PHP theo style GNU hay PEAR, và cả tra cứu PHP function nữa.


6. W3Schools Sẽ thật thiếu sót nếu danh sách này không nhắc tới W3Schools. Đây là 1 trang web dạy lậpt rình web hỗ trợ online editor được rất nhiều lập trình viên sử dụng.
Sẽ thật thiếu sót nếu danh sách này không nhắc tới W3Schools. Đây là 1 trang web dạy lậpt rình web hỗ trợ online editor được rất nhiều lập trình viên sử dụng.


7. Expo Đây là trang web mình rất hay dùng khi mới học code trên Android. Expo hỗ trợ debug trên Android, iOS và web, tuy nhiên bạn sẽ phải chờ hơi lâu nếu muốn sử dụng tính năng giả lập thiết bị online của Expo đấy nhé.
Đây là trang web mình rất hay dùng khi mới học code trên Android. Expo hỗ trợ debug trên Android, iOS và web, tuy nhiên bạn sẽ phải chờ hơi lâu nếu muốn sử dụng tính năng giả lập thiết bị online của Expo đấy nhé.


Mình vừa chia sẻ với các bạn một số trang web online IDE, hy vọng sẽ giúp các bạn có thêm lựa chọn để chạy code của mình. Ngoài ra các bạn có thể tham khảo thêm các trang web khác như http://online.swiftplayground.run/, https://repl.it/, https://play.kotlinlang.org/ và nhiều website khác nữa. Chúc các mọt code ngày càng lên tay nhé.

Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến
Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến
Hướng dẫn check code javascript online - kiểm tra mã javascript trực tuyến

Link tham khảo: https://w3guy.com/website-run-execute-code-online/ https://www.hongkiat.com/blog/tools-to-coding-online/
https://w3guy.com/website-run-execute-code-online/ https://www.hongkiat.com/blog/tools-to-coding-online/

All rights reserved