Php vscode đẹp hơn

Prettier là một trình định dạng mã cố định. Nó thực thi một phong cách nhất quán bằng cách phân tích cú pháp mã của bạn và in lại mã đó với các quy tắc riêng có tính đến độ dài dòng tối đa, gói mã khi cần thiết

Plugin này bổ sung hỗ trợ ngôn ngữ PHP cho Prettier

Điều này có thể được sử dụng trong sản xuất?

Chúng tôi đang xem xét tính ổn định của plugin khi các tệp PHP thuần túy được định dạng. Định dạng tệp chứa hỗn hợp PHP và HTML vẫn được coi là không ổn định - vui lòng xem các sự cố đang mở với thẻ "nội tuyến" để biết chi tiết

Nếu bạn muốn sử dụng plugin trong sản xuất, chúng tôi khuyên bạn nên giới hạn phạm vi của nó đối với các tệp PHP thuần túy

Đầu vào

array_map(function($arg1,$arg2) use ( $var1, $var2 ) {
    return $arg1+$arg2/($var+$var2);
}, array("complex"=>"code","with"=>
    function() {return "inconsistent";}
,"formatting"=>"is", "hard" => "to", "maintain"=>true));

đầu ra

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

Sân chơi

Bạn có thể dùng thử plugin trong sân chơi của chúng tôi

Cài đặt

sợi

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

npm

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

Sử dụng

với nút. js

Nếu bạn đã cài đặt đẹp hơn dưới dạng phần phụ thuộc cục bộ, bạn có thể thêm đẹp hơn làm tập lệnh trong

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

4 của mình,

{
  "scripts": {
    "prettier": "prettier"
  }
}

và sau đó chạy nó qua

yarn run prettier path/to/file.php --write
# or
npm run prettier -- path/to/file.php --write

Nếu bạn đã cài đặt trên toàn cầu, hãy chạy

prettier path/to/file.php --write

trong trình duyệt

Gói này hiển thị một

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

5 có thể được sử dụng cùng với

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

5 của chính Prettier để làm cho plugin PHP hoạt động trong trình duyệt mà không cần bước biên dịch

Đầu tiên, lấy cả hai tập lệnh độc lập từ CDN npm như unpkg

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

0

Sau đó sử dụng Prettier với PHP, giống như thế này

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

1

Xem mã này hoạt động trong bản trình diễn cơ bản này

Với Bundler

Các gói như webpack, Rollup hoặc browserify tự động nhận ra cách xử lý plugin PHP. Hãy nhớ rằng ngay cả khi sử dụng gói, bạn vẫn phải sử dụng các bản dựng độc lập

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

2

Cấu hình

Prettier for PHP hỗ trợ các tùy chọn sau. Chúng tôi khuyên tất cả người dùng nên đặt tùy chọn

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

7

NameDefaultDescription

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

7

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

9Cho phép chỉ định phiên bản PHP bạn đang sử dụng. Nếu bạn đang sử dụng PHP 7. 1 trở lên, cài đặt tùy chọn này sẽ sử dụng các tính năng ngôn ngữ hiện đại trong bản in ra. Nếu bạn đang sử dụng PHP 5. 3 trở xuống, bạn sẽ phải đặt tùy chọn này nếu không Prettier sẽ tạo mã không tương thích.

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

0_______21Giống như trong Prettier (xem tài liệu đẹp hơn)

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

2

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

3Giống như trong Prettier (xem tài liệu đẹp hơn), Giá trị mặc định là

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

3 dựa trên tiêu chuẩn mã hóa

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

5.

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

6

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

7Giống như trong Prettier (xem tài liệu đẹp hơn)

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

8

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

7Nếu được đặt thành

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

0, các chuỗi sử dụng dấu ngoặc kép nhưng không dựa vào các tính năng mà chúng thêm vào, sẽ được định dạng lại. Thí dụ.

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

1,

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

2.

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

3_______34Nếu được đặt thành

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

4, dấu phẩy ở cuối sẽ được thêm vào bất cứ khi nào có thể.
Nếu được đặt thành

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

7, không có dấu phẩy ở cuối nào được in.

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

7_______38Nếu được đặt thành

npm install --save-dev prettier @prettier/plugin-php
# or globally
npm install --global prettier @prettier/plugin-php

8, prettier sẽ di chuyển dấu ngoặc mở cho các khối mã (lớp, hàm và phương thức) lên dòng mới.
Nếu được đặt thành

{
  "scripts": {
    "prettier": "prettier"
  }
}

0, prettier sẽ di chuyển dấu ngoặc mở cho các khối mã (lớp, hàm và phương thức) trên cùng một dòng.

{
  "scripts": {
    "prettier": "prettier"
  }
}

1

yarn add --dev prettier @prettier/plugin-php
# or globally
yarn global add prettier @prettier/plugin-php

7Giống như trong Prettier (xem tài liệu đẹp hơn)

{
  "scripts": {
    "prettier": "prettier"
  }
}

3_______27Giống như trong Prettier (xem tài liệu đẹp hơn)

Bỏ qua mã

Một nhận xét

{
  "scripts": {
    "prettier": "prettier"
  }
}

5 sẽ loại trừ nút tiếp theo trong cây cú pháp trừu tượng khỏi định dạng

Ví dụ

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

0

sẽ được chuyển thành

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

1

Tích hợp trình chỉnh sửa

nguyên tử

Plugin đẹp hơn chính thức cho nguyên tử hỗ trợ plugin

VScode

Plugin đẹp hơn chính thức cho vscode hỗ trợ các plugin kể từ Phiên bản 1. 10. 0. Để kích hoạt nó, hãy cài đặt tiện ích mở rộng và đảm bảo plugin được cài đặt cục bộ (trong thư mục dự án của bạn). Sau khi khởi động lại VScode, plugin sẽ hoạt động như mong đợi

PhpStorm / IntelliJ / Jetbrains IDE

• Cài đặt đẹp hơn và plugin cục bộ

  {
    "scripts": {
      "prettier": "prettier"
    }
  }

  6
• Mở Cài đặt (Tệp, Cài đặt)
• Chuyển đến Phần Plugin, Chọn Thị trường, Tìm kiếm Đẹp hơn, Cài đặt Plugin, Khởi động lại IDE
• Mở Cài đặt, Tìm kiếm Đẹp hơn, chọn Đẹp hơn trong điều hướng cài đặt bên trái
• Kiểm tra gói đẹp hơn đã được tự động phát hiện, phải giống như

  {
    "scripts": {
      "prettier": "prettier"
    }
  }

  7
• Cập nhật Run for Files bao gồm. php, ví dụ:.

  {
    "scripts": {
      "prettier": "prettier"
    }
  }

  8
• Đánh dấu vào nút On Save, nếu bạn muốn định dạng tệp của mình được cập nhật khi lưu tệp
• Đồng hồ OK để lưu cài đặt

Ghi chú. Chỉ nhấn lưu sẽ không định dạng lại tệp hiện tại của bạn trừ khi tệp đã được sửa đổi theo một cách nào đó, ngoài ra, bạn có thể sử dụng phím tắt Đẹp hơn Ctrl+Alt+Shift+P

Văn bản tuyệt vời

Hỗ trợ Sublime Text có sẵn thông qua Kiểm soát gói và plugin JsPrettier

vim

Về hỗ trợ plugin trong plugin chính thức vim-prettier xem vấn đề này

ALE

Plugin linting ALE có hỗ trợ tích hợp cho đẹp hơn và các plugin của nó. Chỉ cần thêm đẹp hơn vào danh sách sửa lỗi của bạn. Ví dụ

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

2

Phong tục

Ngoài ra, việc thêm phần sau vào

{
  "scripts": {
    "prettier": "prettier"
  }
}

9 sẽ xác định lệnh tùy chỉnh

yarn run prettier path/to/file.php --write
# or
npm run prettier -- path/to/file.php --write

0 chạy plugin trong khi vẫn giữ nguyên vị trí con trỏ và chạy nó khi lưu

array_map(
    function ($arg1, $arg2) use ($var1, $var2) {
        return $arg1 + $arg2 / ($var + $var2);
    },
    [
        "complex" => "code",
        "with" => function () {
            return "inconsistent";
        },
        "formatting" => "is",
        "hard" => "to",
        "maintain" => true,
    ]
);

3

Tích hợp cho các công cụ khác

Trình sửa lỗi PHP-CS

Xem

yarn run prettier path/to/file.php --write
# or
npm run prettier -- path/to/file.php --write

1 để được trợ giúp tích hợp, mã cũng có thể được tìm thấy trong https. //ý chính. github. com/Billz95/9d5fad3af728b88540fa831b73261733

Đóng góp

Nếu bạn quan tâm đến việc đóng góp vào sự phát triển của Prettier cho PHP, bạn có thể làm theo hướng dẫn ĐÓNG GÓP từ Prettier, vì tất cả đều áp dụng cho kho lưu trữ này

Tôi có thể sử dụng Prettier cho PHP không?

Bạn có thể sử dụng Prettier trong Visual Studio không?