Hướng dẫn php html format
Chào các bạn, Show Nội dung chính
Nội dung chính
Đây là bài viết tiếp theo của bài Code PHP chuẩn convention với PHP CodeSniffer. Trong bài này, mình sẽ hướng dẫn các bạn auto check lỗi và format code PHP trong Vs Code – một trong những code editor được yêu thích nhất hiện nay. Lưu ý, để hiểu bài viết này hơn, thì bạn cần đảm bảo các yêu cầu sau:
Nếu không, hãy đọc phần trước của bài viết này, tại đó mình có cung cấp các nội dung hữu ích về các yêu cầu trên.
I. Giới thiệu về tính năng Format Code trong VS CodeGiống như nhiều editor khác, VS Code có tính năng tự động format code của bạn cho chuẩn hơn. Hình ảnh mượn tạm từ một nguồn khác phambinh.net 🙂Phím tắt để format code trên VS Code tương ứng với từng hệ điều hành như sau:
Tuy nhiên, mặc định thì VS Code không tích hợp sẵn việc format code PHP, mà chúng ta phải cài thêm từ extension bên ngoài, và mình sẽ hướng dẫn các bạn cài ở ngay mục phía dưới đây. II. Format code PHP trong VS Code với PHP Sniffer & BeautifierMình đã dùng thử khá nhiều extension format code PHP, thì thấy có thằng PHP Sniffer & Beautifier này là dễ dùng và dễ tùy biến nhất. Để cài đặt extension này, các bạn vào mục Extensions của VS Code, tìm kiếm với từ khóa là “Sniffer & Beautifier” sẽ ra. Cách tìm và cài đặt extension trong VS CodeChúng ta tiến hành cài đặt bình thường như các extension khác, và sau khi cài đặt xong, thì hãy đi đến phần cài đặt riêng của extension này như hình dưới. Đi đến trang cài đặt riêng cho extensionTại trang cài đặt riêng của extension Sniffer & Beautifier, có 3 thông tin setting quan trọng là Allowed Auto Rulesets, Executable Path CBF và Executable Path CS. Mình sẽ hướng dẫn các bạn các cấu hình các thông tin này sao cho phù hợp ngay sau đây. 2.1 Cấu hình thông tin Allowed Auto RulesetsTại mục (1) như trong hình, hãy bấm vào Edit in
settings.json, và đảm bảo ở Để dễ copy, thì mình viết các value ra đây nhé: { // ... "phpsab.allowedAutoRulesets": [ ".phpcs.xml", ".phpcs.xml.dist", "phpcs.xml", "phpcs.xml.dist", "phpcs.ruleset.xml", "ruleset.xml" ], // ... } 2.2 Cấu hình 2 thông tin Executable Path CBF và Executable Path CSTại mục (2) như trong hình, chúng ta cần điền đường dẫn tới 2 công cụ là Chạy lệnh sau để lấy ra đường dẫn tới thư mục home của composer: composer config --list --global | grep "home" Kết quả sẽ có dạng như sau, và phần bôi đậm chính là đường dẫn bạn cần quan tâm. Lưu ý: mỗi máy sẽ cho ra một kết quả khác nhau, và bên dưới là kết quả trên máy của mình [home] /Users/admin/.composer Sau khi có đường dẫn home, thì đường dẫn tới # Đường dẫn tới phpcbf /Users/admin/.composer/vendor/bin/phpcbf # Đường dẫn tới phpcs /Users/admin/.composer/vendor/bin/phpcs Vậy là chúng ta đã có đường dẫn tới III. Dùng thửKhởi tạo một dự án mới với 1 file Tạo tiếp 1 file PHP có sẵn một vài lỗi convention:
|