Hướng dẫn editorconfig phpstorm

Question

Điểm bài viết

Nội dung chính Show

Cài đặt plugin EditorConfig trên PhpStorm
Cấu hình PhpStorm để cài đặt Editorconfig
Điều hướng bài viết

[Tổng cộng: 0 Trung bình: 0]

EditorConfig giúp developer và các team thống nhất code style về mặt tab indent. Việc thiết lập .editorconfig sẽ tăng tính chuyên nghiệp, giảm thiểu việc code lệch dòng.

Cài đặt plugin EditorConfig trên PhpStorm

Đầu tiên, bạn mở PhpStorm lên và mở mục Preferences > Plugins như hình dưới đây:

Truy cập phần cấu hình Plugins trong PhpStorm

Tiếp đến, bạn kiểm tra danh mục Plugins xem đã cài chưa.

Danh sách plugin trên PhpStorm

Nếu chưa thì click vào button Install JetBrains plugin… ở bên dưới và gõ Editorconfig vào trong ô tìm kiếm.

Cài đặt và active plugin sẽ yêu cầu bạn khởi động lại PhpStorm nhé.

Cấu hình PhpStorm để cài đặt Editorconfig

Bạn vào Preferences > Code Style:

Set Scheme trên cùng thành Project thì mới có hiệu lực nhé.

Click chọn “Enable EditorConfig support” ở phía dưới.

Giờ để enable editorconfig trong project của bạn, bạn tạo 1 file .editorconfig ở ngang hàng folder project và nhập đoạn code sau (đoạn code này dành cho develop WordPress):

# This file is for unifying the coding style for different editors and IDEs
# editorconfig.org

# WordPress Coding Standards
# https://make.wordpress.org/core/handbook/coding-standards/

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = tab

[{.jshintrc,*.json,*.yml}]
indent_style = space
indent_size = 2

[{*.txt,wp-config-sample.php}]
end_of_line = crlf

Bạn có thể thêm thông số indent_size = 4 trong [*] để 1 tab là 4 spaces chẳng hạn.

5 1 đánh giá

Đánh giá bài viết

Post Views: 798

Điều hướng bài viết

Là một môi trường phát triển tích hợp (IDE) đặc biệt dành cho các nhà phát triển web, những người cần những công cụ thích hợp để chỉnh sửa PHP, HTML, CSS, JavaScript và các tập tin XML, sử dụng kết nối đến sever thông qua FTP và SFTP và rất nhiều tính năng hữu ích cho phát triển project.

Bạn đang xem: Hướng dẫn cài đặt editorconfig trên phpstorm

II. Cách Cài Đặt PHP

Storm Link down load: https://www.jetbrains.com/phpstorm/download/

Chúng ta có 2 cách để Add key của PHPstorm

1. Là sử dụng Key sau ĐÂY.

2. Sử Dụng Sever

- Mở PHPstorm

- Vào đường dẫn Help -> Register check vào License Sever

- Coppy 1 trong những đường dẫn dưới dây

http://idea.qinxi1992.cn

http://idea.lanyus.com/

http://114.215.133.70:41017

III. PHPSniffer cho IDE

Code cần phải có chuẩn, và PHP cũng không ngoại lệ, có các chuẩn PSR mà bạn phải follow. Để thuận tiện cho việc kiểm tra code đã follow đúng chuẩn chưa, bộ công cụ PHPSniffer đã ra đời. Sau đây là hướng dẫn các bạn integrate PHPSniffer với PHPStorm. Ngoài việc dùng PHPStorm thì các bạn có thể integrate bộ công cụ này với bất kì IDE nào.

IV. Cách setup PHPSniffer

Vào PHPstorm Link download PHPsniffer: http://pear.php.net/package/PHP_CodeSniffer/download

Link tham khảo cách setup: https://www.jetbrains.com/help/phpstorm/2016.3/using-php-code-sniffer-tool.html

Mở PHPstorm vào phần Window: File -> Setting(Ctrl+Alt+S) -> Languages&Frameworks -> PHP -> Code Sniffer.

Phần dropdown “Configuration” chúng ta sẽ chọn “Local” sau đấy click vào button “…” d

Phần “PHP Code Sniffer (phpcs) patch:” chúng ta sẽ chọn vào file “phpcs.bat” trong thư mục PHPsniffer chúng ta vừa down về. (Thư mục này cần để gọn một chỗ và k được remove nó đi vì khi IDE PHPstorm và PHPsniffer chạy sẽ trỏ vào thư mục này để hoạt động).

Xem thêm: Quả Lắc Thời Gian Chrono Trigger Tròn 25 Tuổi &Ndash; Nshop

Sau khi chọn xong chúng ta cần click vào buton “Validate” xem có thể hoạt động được hay chưa nếu thông báo mầu xanh và hiện lên phiên bản của PHPsniffer là được. Lỗi thường gặp.

Cách fix: Chúng ta cần mở file “phpcs.bat” và sửa code trong file theo code dưới đây set phpbin="E:\xampp\php\php.exe" if "%PHPBIN%" == "" set PHPBIN=
if not exist "%PHPBIN%" if "%PHP_PEAR_PHP_BIN%" neq "" goto USE_PEAR_PATH GOTO RUN :USE_PEAR_PATH set PHPBIN=%PHP_PEAR_PHP_BIN% :RUN "%PHPBIN%" "D:\software\CodeSniffer\bin\phpcs" %* Các phần code bôi đen là phần chúng ta cần thêm vào sửa lại đường dẫn tuyệt đối lại cho 2 biến này. Link tham khảo: http://faruq1256.blogspot.com/2013/07/phpbin-is-not-recognized-as-internal-or.html khi sửa xong nếu nó thông báo mầu xanh như ảnh dưới dây là được.

Khi đã cài đặt xong PHPsniffer lên PHPstorm thì chúng ta cần bật PHPsniffer lên Ta vào File -> Setting và vào theo đường dẫn dưới ảnh và chọn sniffer theo chuẩn nào bạn muốn.

V. Cách sử dụng PHPsniffer

Giờ chúng ta sẽ vào phần Edit -> Settings -> Code Style -> PHP và làm theo hình dưới đây. chọn xong thì sẽ click vào button Apply sau đó click vào button OK

VI. Thông báo lỗi

Dưới đây là một trong những thông báo lỗi của PHPsniffer khi code chưa đúng chuẩn PRS1 và PRS2.

Cách sử lý khi gặp lỗi này chúng ta cần đọc xem thông báo lỗi gì và sửa hoặc có thể vào đường dẫn sau để format code theo chuẩn. Code -> Reformat Code hoặc ấn tổ hợp phím (Ctrl + Alt + L) khi thực hiện xong thì code tự động format chuẩn. nếu bạn muốn format toàn bộ project hoặc bạn muốn format 1 folder nào đấy cho toàn bộ file php,css,html….. thì bạn cần chọn folder rồi ấn tổ hợp phím (Ctrl + Alt + L) sau đó chọn định dạng bạn muốn format. Cách kết nối FTP và SFTP qua PHPstorm. Tool -> Deployment -> Configuration

Sau đó click vào dấu “+” trên cùng bên trái, rồi đặt tên cho kết nối xong click vào button “OK”

Khi đặt tên cho kết nối xong thì ta cần phải điền đầy đủ thông tin của FTP hoặc SFTP

Cách làm hột me dẻo
Cách làm đỗ giá
Hướng dẫn sử dụng xiaomi redmi note 2
2 cách làm chả giò tôm thịt ngon khó cưỡng giữ được độ

programming php PhpStorm plugin PhpStorm Laravel plugin

Hướng dẫn editorconfig phpstorm

Cài đặt plugin EditorConfig trên PhpStorm

Cấu hình PhpStorm để cài đặt Editorconfig

Điều hướng bài viết

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

Cài đặt plugin EditorConfig trên PhpStorm