Visual Studio Code là một trình soạn thảo mã miễn phí hiện đại tuyệt vời và nó hoạt động rất tốt trong việc phát triển các ứng dụng dựa trên javaScript. Nó có hỗ trợ tích hợp cho JavaScript IntelliSense, gỡ lỗi, định dạng và nhiều tính năng ngôn ngữ nâng cao khác. “Đợi đã, tôi ở đây vì phần PHP“, bạn sẽ nói. Chà, Visual Studio Code không chỉ về javaScript. Trên thực tế, chỉ với một chút tùy chỉnh, Visual Studio Code cũng có thể hỗ trợ tuyệt vời cho nhiều ngôn ngữ hoặc framework khác, bao gồm cả PHP và WordPress. Tuy nhiên, nó không [chưa] được các nhà phát triển php chuyên nghiệp chấp nhận rộng rãi, nhiều người trong số họ vẫn thích sử dụng các IDE trả phí như PhpStorm. [không có gì sai với điều đó] Ngoài thực tế là nó miễn phí, một ưu điểm lớn khác của Visual Studio Code là nó rất nhẹ và đồng thời có khả năng tùy biến cao nhờ hàng nghìn tiện ích mở rộng VS Code do cộng đồng tạo ra. Điều này có nghĩa là, với một chút kiên nhẫn và một số điều chỉnh, bạn có thể biến bản sao VSC của mình thành người bạn tốt nhất trong quá trình phát triển phần mềm
Ngay lập tức, Visual Studio Code cung cấp các tính năng cơ bản để phát triển PHP như tô sáng cú pháp, khớp dấu ngoặc, IntelliSense, tuy nhiên, bạn sẽ sớm nhận thấy rằng nó còn lâu mới hoàn hảo. Là một nhà phát triển chủ đề WordPress, tôi đã phải vật lộn trong một thời gian dài vì không thể định dạng đúng mã php trong các chủ đề WordPress của mình. Tôi thực sự đã thử tất cả các tiện ích mở rộng VSC, tuy nhiên, tôi không thể tìm thấy một tiện ích mở rộng nào làm được những gì nó cần – định dạng đúng mã php theo tiêu chuẩn mã hóa WordPress. Ví dụ: tiện ích mở rộng VSCODE của trình định dạng PHP phổ biến định dạng dấu ngoặc mở của hàm tại một dòng mới
function test[]
{
}
Trong khi dấu ngoặc mở phải nằm trên cùng một dòng
Như thế này
function test[] {
}
Điều này có thể khiến một nhà phát triển phát điên. Không có gì tồi tệ hơn trong lập trình hơn là một trình định dạng mã bị hỏng. Thậm chí còn có chủ đề Stackoverflow về sự điên rồ này. Trình định dạng VScode, giữ khung mở ở cùng một dòng [PHP]. Mặc dù câu trả lời được cung cấp đã khắc phục sự cố định dạng khung mở, đầu ra mã vẫn chưa được định dạng chính xác. Ví dụ: theo tiêu chuẩn mã hóa WordPress, bạn cần đặt khoảng trắng ở cả hai bên của một biến trong dấu ngoặc đơn hàm [dấu ngoặc tròn]
function test[] {
}
3Không có gì tương tự xảy ra sau khi “định dạng mã”
Trên thực tế, kết quả cuối cùng trông như thế này
function test[$wp_customize]
{
}
Tôi đã gần như bỏ cuộc, xóa tất cả các phần mở rộng định dạng php và tiếp tục định dạng thủ công từng dòng mã tôi viết, khi tôi bắt gặp một bài viết đã thay đổi cuộc đời lập trình của tôi theo đúng nghĩa đen. Cách thiết lập Tiêu chuẩn mã hóa WordPress trong Visual Studio Code. Phải mất một chút thời gian để cài đặt và cấu hình nó, nhưng nó hoàn toàn xứng đáng. Ở phần cuối của hướng dẫn này, với một tổ hợp phím đơn giản [Shift + Alt + F], bạn sẽ có thể định dạng mã php như một chuyên gia và bạn cũng sẽ nhận được tùy chọn php sniffer, một công cụ chẩn đoán ngôn ngữ để kiểm tra đối với WordPress . Bây giờ, nói đủ rồi, hãy dọn dẹp mã của chúng ta
Cài đặt Trình đánh hơi mã PHP
Để định dạng đúng mã php trong Visual Studio Code, trước tiên bạn cần cài đặt bộ dò mã php trên PC của mình. Cách dễ nhất để cài đặt nó là với Composer. Bạn có thể tải và cài đặt Composer cho Windows tại đây. Sau đó, trong cmd, gõ
composer require --dev squizlabs/php_codesniffer
Bạn cũng có thể cài đặt nó trên toàn cầu, bằng cách chạy
composer global require "squizlabs/php_codesniffer=*"
Sau đó, bạn có thể kiểm tra xem phpcs đã được cài đặt chưa bằng cách chạy lệnh sau trong cmd
function test[] {
}
4Lệnh sẽ cung cấp cho bạn một danh sách các tiêu chuẩn mã hóa mặc định. Để thêm các tiêu chuẩn mã hóa WordPress, bạn có thể cài đặt chúng qua trình soạn thảo
composer require --dev wp-coding-standards/wpcs
composer require --dev dealerdirect/phpcodesniffer-composer-installer
Lệnh thứ hai sẽ tự động liên kết các tiêu chuẩn mã hóa WordPress với phpcs, tuy nhiên, bạn cũng có thể cần phải thực hiện thủ công, bằng cách định vị thư mục wpcs. Chạy lệnh sau [thay thế {Tên người dùng} bằng tên hồ sơ chính xác, e. g. John]
C:\Users\{Username}\AppData\Roaming\Composer\vendor\bin\phpcs --config-set installed_paths C:\Users\{Username}\wpcs
Bây giờ, khi bạn chạy lại lệnh thông tin
function test[] {
}
4, bạn sẽ thấy các tiêu chuẩn mã hóa WordPress trong danh sách các tiêu chuẩn mã hóa đã cài đặtBiến môi trường
Nếu bạn sử dụng Windows, bạn nên kiểm tra kỹ xem trình thám thính php đã được thêm vào danh sách các biến môi trường của bạn chưa. Trong menu tìm kiếm, nhập cài đặt, sau đó trong thanh tìm kiếm cài đặt, nhập “env”, sau đó nhấp vào “chỉnh sửa các biến môi trường hệ thống” => biến môi trường. Từ thanh
function test[] {
}
6, nhấp đúp chuột vào Đường dẫn và thêm mục abouth php sniffer nếu nó bị thiếu. Nó sẽ trông giống như thế nàyBiến môi trường
Tập tin cấu hình Code Sniffer
Bạn cũng cần kiểm tra xem mình có CodeSniffer không. conf bên trong thư mục
function test[] {
}
7. Nếu không, hãy tạo một cái và thêm đường dẫn đến tiêu chuẩn mã hóa WordPressCodeSniffer. conf
Tích hợp các tiêu chuẩn mã hóa WordPress với Visual Studio Code
Cuối cùng, chúng ta cần cài đặt tiện ích mở rộng VSC hoạt động với PHP Sniffer. Trình đánh hơi & làm đẹp PHP. Tiện ích mở rộng này hoạt động như cả trình thám thính và trình làm đẹp và bạn có thể chọn có sử dụng trình thám thính hay không. Đây là cấu hình tôi đang sử dụng. Tới
function test[] {
}
8 và dán các thuộc tính sau{
"phpsab.snifferEnable" : false,
"phpsab.autoRulesetSearch": false,
"phpsab.executablePathCBF": "C:\\Users\\{Profile}\\AppData\\Roaming\\Composer\\vendor\\squizlabs\\php_codesniffer\\bin\\phpcbf.bat",
"phpsab.executablePathCS": "C:\\Users\\{Profile}\\AppData\\Roaming\\Composer\\vendor\\squizlabs\\php_codesniffer\\bin\\phpcs.bat",
"[php]": {
"editor.defaultFormatter": "valeryanm.vscode-phpsab"
},
"extensions.ignoreRecommendations": false,
"phpsab.snifferShowSources": true,
"phpsab.standard": "WordPress",
"phpsab.allowedAutoRulesets": [
".phpcs.xml",
".phpcs.xml.dist",
"phpcs.xml",
"phpcs.xml.dist",
"phpcs.ruleset.xml",
"ruleset.xml"
],
"files.autoSave": "afterDelay",
"beautify.config": ""
}
Đừng quên thay thế các url đường dẫn thực thi thành url của riêng bạn. Bây giờ, nếu mọi việc suôn sẻ, khi bạn tải lại VSC, hãy nhấp chuột phải vào bất kỳ tệp php nào và chọn “Định dạng tài liệu”, cuối cùng nó sẽ cung cấp cho mã của bạn sự công bằng mà nó xứng đáng
Khả năng tương thích Php
Bằng cách này, bạn có thể cài đặt càng nhiều tiêu chuẩn mã hóa bổ sung cho trình thám thính php càng tốt. Ví dụ: nếu bạn muốn đảm bảo khả năng tương thích với php 5, bạn có thể tùy chọn thêm tính tương thích của php làm tiêu chuẩn viết mã. Khi bạn chạy trình thám thính php trong Visual Studio Code, nó sẽ tự động kiểm tra mã của bạn để tìm các vấn đề về tính tương thích và khắc phục chúng cho bạn để mã của bạn tương thích với các máy chủ cũ. Tất cả những gì bạn cần làm là tải xuống và giải nén gói này và thêm nó làm tiêu chuẩn vào tệp cấu hình trình thám thính php, được phân tách bằng dấu phẩy. Nếu không, cái cuối cùng bạn thêm sẽ ghi đè lên những cái trước đó
function test[] {
}
0Bây giờ, hãy kiểm tra xem dữ liệu đã được thêm vào tệp cấu hình chưa. Nếu bạn không chắc tệp cấu hình trình nghe lén php nằm ở đâu, hãy chạy
function test[] {
}
1Cuối cùng, thực hiện kiểm tra khả năng tương thích bằng cách thêm phần này vào dòng lệnh
function test[] {
}
2Mã này sẽ kiểm tra tất cả các tệp php trong dự án để tương thích với php 5. 6. Để biết danh sách đầy đủ các tùy chọn, hãy kiểm tra tài liệu chính thức của trình thám thính