Hướng dẫn phpstorm html autocomplete - phpstorm html tự động hoàn thành

Phần này bao gồm các kỹ thuật khác nhau về hoàn thành mã nhận biết bối cảnh cho phép bạn tăng tốc quá trình mã hóa của mình.

Nội dung chính ShowShow

  • Hoàn thành cơ bản
  • Gọi hoàn thành cơ bản
  • Loại hoàn thành phù hợp
  • Gọi loại hoàn thành khớp loại
  • Hoàn thành tuyên bố
  • Hoàn thành một tuyên bố phương pháp
  • Hoàn thành cấu trúc mã
  • Bọc một đối số cuộc gọi phương thức
  • Hippie hoàn thành
  • Mở rộng một chuỗi tại Caret sang một từ hiện có
  • Hoàn thành mã Postfix
  • Bật và định cấu hình hoàn thành postfix
  • Chuyển đổi một tuyên bố với một postfix
  • Tạo các mẫu postfix tùy chỉnh
  • Hoàn thành thẻ và thuộc tính
  • Hoàn thành tên thẻ
  • Hoàn thành mã hỗ trợ máy học
  • Bật ML hoàn thành
  • Cho phép các dấu hiệu liên quan
  • Đánh dấu mục có liên quan nhất trong cửa sổ bật lên hoàn thành: Sử dụng biểu tượng để chỉ ra đề xuất phù hợp nhất trong danh sách.
  • Danh sách đề xuất sẽ trông như sau với các biểu tượng đánh dấu được sắp xếp lại và các mục có liên quan nhất.
  • Nếu bạn muốn trường hợp từ được tính đến khi đề xuất các tùy chọn hoàn thành, hãy chọn Trường hợp khớp và chọn xem bạn chỉ muốn khớp với các chữ cái đầu tiên hay cho tất cả các chữ cái.
  • Bạn cũng có thể nhấn không gian Ctrl+để hiển thị danh sách đề xuất.
  • Thu hẹp danh sách đề xuất
  • Chấp nhận một đề xuất
  • Xem tài liệu tham khảo
  • Xem phân cấp mã
  • Xử lý sự cố

Hoàn thành cơ bản

Hoàn thành mã cơ bản giúp bạn hoàn thành tên của các lớp, phương thức và từ khóa trong phạm vi tầm nhìn. Khi bạn gọi hoàn thành mã, phpstorm phân tích bối cảnh và đề xuất các lựa chọn có thể truy cập được từ vị trí chăm sóc hiện tại (các đề xuất cũng bao gồm các mẫu trực tiếp). helps you complete the names of classes, methods, and keywords within the visibility scope. When you invoke code completion, PhpStorm analyses the context and suggests the choices that are reachable from the current caret position (suggestions also include Live templates). helps you complete the names of classes, methods, and keywords within the visibility scope. When you invoke code completion, PhpStorm analyses the context and suggests the choices that are reachable from the current caret position (suggestions also include Live templates).

Nếu hoàn thành mã cơ bản được áp dụng cho một phần của trường, tham số hoặc khai báo biến, phpstorm cho thấy một danh sách các tên có thể tùy thuộc vào loại mục.

Gọi hoàn thành mã cơ bản cho lần thứ hai hiển thị các lớp và thành viên không thể truy cập (những điều này có thể được công khai bằng cách áp dụng một hành động có ý định).basic code completion for the second time shows inaccessible classes and members (these can be made public by applying an intention action).basic code completion for the second time shows inaccessible classes and members (these can be made public by applying an intention action).

Gọi hoàn thành cơ bản

  1. Bắt đầu nhập tên. Theo mặc định, phpstorm hiển thị bật lên hoàn thành mã tự động khi bạn nhập.

    Nếu hoàn thành tự động bị vô hiệu hóa, hãy nhấn Ctrl+Space hoặc chọn từ menu chính.

    Hướng dẫn phpstorm html autocomplete - phpstorm html tự động hoàn thành

  2. Nếu cần, nhấn không gian Ctrl+lần thứ hai (hoặc nhấn Ctrl+Alt+Space).

    Điều này cho thấy các lớp và thành viên không thể truy cập cũng như các trường và phương thức tĩnh.

Loại hoàn thành phù hợp

Gọi loại hoàn thành khớp loại filters the suggestions list and shows only the types applicable to the current context.

Gọi loại hoàn thành khớp loại

  1. Hoàn thành tuyên bố

  2. Hoàn thành một tuyên bố phương pháp

    Hoàn thành cấu trúc mã

Hoàn thành tuyên bố

Hoàn thành một tuyên bố phương pháp

Hoàn thành một tuyên bố phương pháp

  • Hoàn thành cấu trúc mã

Hoàn thành cấu trúc mã

  • Bọc một đối số cuộc gọi phương thức

    Hippie hoàn thành

Bọc một đối số cuộc gọi phương thức

  • Hippie hoàn thành

Hippie hoàn thành

Mở rộng một chuỗi tại Caret sang một từ hiện có is a completion engine that analyses your text in the visible scope and generates suggestions from the current context. It helps you complete any word from any of the currently opened files.

Mở rộng một chuỗi tại Caret sang một từ hiện có

  1. Hoàn thành mã Postfix

    • Bật và định cấu hình hoàn thành postfix

    • Nhấn Alt+Shift+/ hoặc chọn tìm kiếm các từ phù hợp sau khi chăm sóc và trong các tệp mở khác.

    Giá trị được đề xuất đầu tiên xuất hiện và nguyên mẫu được tô sáng trong mã nguồn.

  2. Chấp nhận đề xuất, hoặc giữ khóa ALT và tiếp tục nhấn / cho đến khi tìm thấy từ mong muốn./ until the desired word is found./ until the desired word is found.

Hoàn thành mã Postfix

Hoàn thành mã Postfix giúp bạn giảm các bước nhảy CARET ngược khi bạn viết mã. Bạn có thể chuyển đổi một biểu thức đã được gõ thành một biểu thức khác dựa trên một postfix bạn nhập theo dấu chấm, loại biểu thức và bối cảnh của nó.

Bật và định cấu hình hoàn thành postfix

  • Chuyển đến Cài đặt / Tùy chọn | Biên tập | Chung | Hoàn thành Postfix và chọn hộp kiểm Bật hoàn thành Postfix.Settings / Preferences | Editor | General | Postfix Completion and select the Enable postfix completion checkbox.Settings / Preferences | Editor | General | Postfix Completion and select the Enable postfix completion checkbox.

  • Chọn Tab, Space hoặc Enter để được sử dụng để mở rộng các mẫu Postfix.

  • Bật/tắt một mẫu postfix cụ thể cho ngôn ngữ đã chọn.

Chuyển đổi một tuyên bố với một postfix

  • Nhập một biểu thức và sau đó nhập postfix sau một dấu chấm, ví dụ, .if:

    hàm m (arg) {arg.if}

    Biểu thức ban đầu được bọc bằng một câu lệnh if:

    hàm m (arg) {if (arg) {}}

Bạn có thể vô hiệu hóa một số mẫu hoàn thành postfix nhất định trong trình soạn thảo | Chung | Trang hoàn thành postfix của Cài đặt IDE Ctrl+Alt+s.Editor | General | Postfix Completion page of the IDE settings Ctrl+Alt+S. Editor | General | Postfix Completion page of the IDE settings Ctrl+Alt+S.

Bạn có thể chọn tab, không gian hoặc nhập để mở rộng các mẫu Postfix.

Ví dụ, bạn có thể chỉnh sửa các mẫu postfix được xác định trước để thay thế một khóa dài bằng một mẫu ngắn hơn hoặc để mở rộng danh sách các loại biểu thức áp dụng.

Tạo các mẫu postfix tùy chỉnh

  1. Nhấn CTRL+ALT+S để mở cài đặt IDE và chọn.

  2. Nhấp vào nút Thêm () trên thanh công cụ.Add button () on the toolbar.Add button () on the toolbar.

  3. Trong menu bật lên mở ra, chọn ngôn ngữ mà bạn cần tạo mẫu Postfix cho.

  4. Chỉ định khóa là sự kết hợp của các ký hiệu sẽ gọi mẫu.Key that is a combination of symbols that will invoke the template.Key that is a combination of symbols that will invoke the template.

  5. Chọn loại biểu thức nào mẫu mới sẽ được áp dụng và nhập biểu thức đích theo định dạng sau: $EXPR$ , ví dụ, $EXPR$ !== null.

    Thêm $END$ nơi bạn muốn đặt caret được đặt sau khi mẫu được áp dụng, ví dụ:

    $ Expr $! == null; $ Kết thúc $

  6. Để có phpstorm tự động chuyển đổi biểu thức áp dụng cao nhất khi mẫu được gọi, hãy chọn áp dụng cho hộp kiểm biểu thức trên cùng.Apply to the topmost expression checkbox.Apply to the topmost expression checkbox.

    Mặt khác, nếu hộp kiểm bị xóa, PhpStorm sẽ nhắc bạn chọn biểu thức khi bạn gọi mẫu.

Hoàn thành thẻ và thuộc tính

PhpStorm tự động hoàn thành tên và giá trị của thẻ và thuộc tính trong nhiều loại tệp:

  • HTML/XHTML, bao gồm hoàn thành các lớp CSS và cho các thẻ HTML bên trong JSX.

  • XML/XSL, bao gồm hoàn thành cho các không gian tên.

  • JSON, xem Chỉnh sửa gói.json để biết chi tiết.

Hoàn thành các thẻ và tên thuộc tính dựa trên DTD hoặc lược đồ mà tệp được liên kết. Nếu không có liên kết lược đồ, phpstorm sẽ sử dụng nội dung tệp (tên thẻ và tên thuộc tính và giá trị của chúng) để hoàn thành đầu vào của bạn.

Hoàn thành tên thẻ

  1. Nhấn< and start typing the tag name. PhpStorm displays the list of tag names appropriate in the current context.

    Sử dụng các nút lên và xuống để cuộn qua danh sách.Up and Down buttons to scroll through the list.Up and Down buttons to scroll through the list.

  2. Nhấn Enter để chấp nhận lựa chọn từ danh sách. Nếu tệp của bạn được liên kết với lược đồ hoặc DTD, phpstorm sẽ tự động chèn các thuộc tính bắt buộc theo nó.

Hoàn thành mã hỗ trợ máy học

Phpstorm cho phép bạn ưu tiên các đề xuất hoàn thành dựa trên các lựa chọn mà người dùng khác thực hiện trong các tình huống tương tự.

Cơ chế hoàn thành ML không thêm bất kỳ yếu tố mới nào nhưng đặt hàng các yếu tố được lấy từ mã. Dữ liệu không được phơi bày ở bất cứ đâu; Nó được thu thập tại địa phương.

Bật ML hoàn thành

  1. Nhấn Ctrl+Alt+s để mở Cài đặt IDE và chọn Trình chỉnh sửa | Chung | Hoàn thành mã.Editor | General | Code Completion.Editor | General | Code Completion.

  2. Theo hoàn thành việc học máy, bật các đề xuất hoàn thành sắp xếp dựa trên tùy chọn học máy và chọn các ngôn ngữ mà bạn muốn sử dụng ML hoàn thành.Machine Learning-Assisted Completion, enable the Sort completion suggestions based on machine learning option, and select the languages for which you want to use ML completion. Machine Learning-Assisted Completion, enable the Sort completion suggestions based on machine learning option, and select the languages for which you want to use ML completion.

Cho phép các dấu hiệu liên quan

  1. Nhấn Ctrl+Alt+s để mở Cài đặt IDE và chọn Trình chỉnh sửa | Chung | Hoàn thành mã.Editor | General | Code Completion.Editor | General | Code Completion.

  2. Theo hoàn thành việc học máy, bật các đề xuất hoàn thành sắp xếp dựa trên tùy chọn học máy và chọn các ngôn ngữ mà bạn muốn sử dụng ML hoàn thành.Machine Learning-Assisted Completion, enable the Sort completion suggestions based on machine learning option, and select the languages for which you want to use ML completion.

    • Cho phép các dấu hiệu liên quan: use the and icons to indicate whether the relevance of a suggestion is increasing or decreasing and therefore the suggestion has moved up or down the suggestion list.

    • Theo hoàn thành việc học máy, bật các đề xuất hoàn thành sắp xếp dựa trên tùy chọn học máy và chọn các ngôn ngữ mà bạn muốn sử dụng ML hoàn thành.: use the icon to indicate the most suitable suggestion on the list.

    Đánh dấu thay đổi vị trí trong cửa sổ bật lên hoàn thành: Sử dụng các biểu tượng và biểu tượng để cho biết liệu sự liên quan của một đề xuất có tăng hay giảm hay không và do đó đề xuất đã di chuyển lên hoặc xuống danh sách đề xuất.

Đánh dấu mục có liên quan nhất trong cửa sổ bật lên hoàn thành: Sử dụng biểu tượng để chỉ ra đề xuất phù hợp nhất trong danh sách.

Danh sách đề xuất sẽ trông như sau với các biểu tượng đánh dấu được sắp xếp lại và các mục có liên quan nhất.

  1. Định cấu hình cài đặt hoàn thành mã

    • Định cấu hình tùy chọn hoàn thànhautomatically display the suggestions list, select the Show suggestions as you type checkbox. If the checkbox is cleared, you have to call code completion explicitly by pressing Ctrl+Space for basic completion or Ctrl+Shift+Space for type-matching completion.automatically display the suggestions list, select the Show suggestions as you type checkbox. If the checkbox is cleared, you have to call code completion explicitly by pressing Ctrl+Space for basic completion or Ctrl+Shift+Space for type-matching completion.

      Nhấn CTRL+ALT+S để mở cài đặt IDE và chọn.Automatically insert single suggestions for.Automatically insert single suggestions for.

    • Để tự động hiển thị danh sách đề xuất, chọn hiển thị các đề xuất khi bạn nhập hộp kiểm. Nếu hộp kiểm được xóa, bạn phải gọi hoàn thành mã hoàn thành bằng cách nhấn không gian Ctrl+để hoàn thành cơ bản hoặc Ctrl+Shift+Space để hoàn thành khớp loại.sort suggestions in the alphabetical order, instead of sorting them by relevance, select the Sort suggestions alphabetically checkbox.sort suggestions in the alphabetical order, instead of sorting them by relevance, select the Sort suggestions alphabetically checkbox.

      Bạn cũng có thể chọn tự động chèn các đề xuất khi chỉ có một tùy chọn: chọn loại hoàn thành trong tự động chèn các đề xuất đơn cho. or respectively in the lower-right corner of the suggestions list.

    • Để sắp xếp các đề xuất theo thứ tự bảng chữ cái, thay vì sắp xếp chúng theo mức độ phù hợp, hãy chọn hộp kiểm Đề xuất sắp xếp theo thứ tự bảng chữ cái.word case to be taken into account when suggesting completion options, select Match case and choose whether you want to match case for first letters only, or for all letters.word case to be taken into account when suggesting completion options, select Match case and choose whether you want to match case for first letters only, or for all letters.

    • Bạn cũng có thể chuyển đổi các chế độ này bằng cách nhấp hoặc tương ứng ở góc dưới bên phải của danh sách đề xuất.documentation popup to be displayed automatically for each item in the suggestions list as you scroll it, select the Show documentation popup in option. In the field to the right, specify the delay (in milliseconds), after which the popup should appear.documentation popup to be displayed automatically for each item in the suggestions list as you scroll it, select the Show documentation popup in option. In the field to the right, specify the delay (in milliseconds), after which the popup should appear.

Nếu bạn muốn trường hợp từ được tính đến khi đề xuất các tùy chọn hoàn thành, hãy chọn Trường hợp khớp và chọn xem bạn chỉ muốn khớp với các chữ cái đầu tiên hay cho tất cả các chữ cái.

Nếu bạn muốn bật lên tài liệu được hiển thị tự động cho từng mục trong danh sách đề xuất khi bạn cuộn nó, hãy chọn Tùy chọn Hiển thị tài liệu trong tùy chọn. Trong trường bên phải, chỉ định độ trễ (tính bằng mili giây), sau đó sẽ xuất hiện cửa sổ bật lên.PHP interpreter.PHP interpreter.

  1. Hoàn thành một con đườngBrowse next to the field where a path is required.Browse next to the field where a path is required.

  2. Loại hoàn thành này tăng tốc lựa chọn các tập tin và thư mục. Hộp thoại được sử dụng cho mục đích đó được gọi là khá thường xuyên, ví dụ, khi bạn chỉ định thư mục cài đặt của công cụ bên ngoài hoặc công cụ điều khiển phiên bản hoặc định cấu hình trình thông dịch PHP.Path field is visible. If the field is hidden, click the Show path link.Path field is visible. If the field is hidden, click the Show path link.

  3. Mở hộp thoại Chọn Đường dẫn bằng cách chọn trên menu hoặc bằng cách nhấp vào Duyệt bên cạnh trường cần đường dẫn.

    Hãy chắc chắn rằng trường đường dẫn có thể nhìn thấy. Nếu trường được ẩn, nhấp vào liên kết đường dẫn hiển thị.

    Bắt đầu gõ một đường dẫn. Phpstorm gợi ý một danh sách nơi bạn có thể nhanh chóng tìm thấy thư mục cần thiết.

  4. Khi bạn gõ, danh sách đề xuất co lại để chỉ hiển thị các đường dẫn phù hợp.

Bạn cũng có thể nhấn không gian Ctrl+để hiển thị danh sách đề xuất.

Chọn đề xuất có liên quan từ danh sách.

  • Mẹo và thủ thuật hoàn thành icon in the completion popup and select Code Completion Settings. Code Completion Settings.

Sau đó, biên tập viên | Chung | Trang hoàn thành mã của Cài đặt IDE CTRL+ALT+S mở ra.Editor | General | Code Completion page of the IDE settings Ctrl+Alt+S opens.Editor | General | Code Completion page of the IDE settings Ctrl+Alt+S opens.

Thu hẹp danh sách đề xuất

  • Bạn có thể thu hẹp danh sách đề xuất bằng cách nhập bất kỳ phần nào của một từ (thậm chí các ký tự từ một nơi nào đó ở giữa) hoặc gọi hoàn thành mã sau khi phân tách dấu chấm hoặc ->. Phpstorm sẽ hiển thị các đề xuất bao gồm các ký tự bạn đã nhập vào bất kỳ vị trí nào.

    Điều này làm cho việc sử dụng ký tự đại diện không cần thiết:

    Trong trường hợp tên Camelcase hoặc Snake_case, chỉ nhập các chữ cái ban đầu. Phpstorm tự động nhận ra và khớp các chữ cái ban đầu.CamelCase or snake_case names, type the initial letters only. PhpStorm automatically recognizes and matches the initial letters.CamelCase or snake_case names, type the initial letters only. PhpStorm automatically recognizes and matches the initial letters.

Chấp nhận một đề xuất

Bạn có thể chấp nhận một đề xuất từ ​​danh sách theo một trong các cách sau:

  • Nhấn Enter hoặc nhấp đúp vào một mục danh sách để chèn nó vào bên trái của Caret.

  • Nhấn tab để thay thế các ký tự ở bên phải từ CARET.

  • Sử dụng Ctrl+Shift+Enter để làm cho mã hiện tại xây dựng chính xác về mặt cú pháp (dấu ngoặc đơn, thêm niềng răng và dấu chấm phẩy bị thiếu, v.v.).

Bạn cũng có thể sử dụng các khóa cụ thể để chèn đề xuất hoàn thành đã chọn: Truy cập trình soạn thảo | Chung | Trang hoàn thành mã của Cài đặt IDE CTRL+ALT+S và chọn Đề xuất chèn được chọn bằng cách nhấn không gian, DOT hoặc tùy chọn các khóa phụ thuộc bối cảnh khác. Các khóa này phụ thuộc vào ngôn ngữ, bối cảnh của bạn, v.v.Editor | General | Code Completion page of the IDE settings Ctrl+Alt+S and select the Insert selected suggestion by pressing space, dot, or other context-dependent keys option. These keys depend on the language, your context, and so on. Editor | General | Code Completion page of the IDE settings Ctrl+Alt+S and select the Insert selected suggestion by pressing space, dot, or other context-dependent keys option. These keys depend on the language, your context, and so on.

Xem tài liệu tham khảo

  • Bạn có thể sử dụng các định nghĩa bằng cách nhấn Ctrl+Shift+I khi bạn chọn một mục nhập trong danh sách đề xuất:

  • Bạn có thể sử dụng chế độ xem thông tin nhanh bằng cách nhấn Ctrl+Q khi bạn chọn một mục nhập trong danh sách đề xuất:Quick Information view by pressing Ctrl+Q when you select an entry in the suggestions list:Quick Information view by pressing Ctrl+Q when you select an entry in the suggestions list:

Xem phân cấp mã

Bạn có thể xem phân cấp mã khi bạn đã chọn một mục từ danh sách đề xuất:

  • Ctrl+H - Xem phân cấp loại

  • Ctrl+Alt+H - Xem phân cấp cuộc gọi.

  • Ctrl+Shift+H - Xem phân cấp phương thức.

Xử lý sự cố

Nếu hoàn thành mã không hoạt động, điều này có thể là do một trong những lý do sau:

  • Chế độ tiết kiệm nguồn là BẬT (). Xoay nó khi giảm thiểu mức tiêu thụ năng lượng của máy tính xách tay của bạn bằng cách loại bỏ các hoạt động nền, bao gồm làm nổi bật lỗi, kiểm tra khi bay và hoàn thành mã.Power Save Mode is on (). Turning it on minimizes power consumption of your laptop by eliminating the background operations, including error highlighting, on-the-fly inspections, and code completion.Power Save Mode is on (). Turning it on minimizes power consumption of your laptop by eliminating the background operations, including error highlighting, on-the-fly inspections, and code completion.

  • Tệp của bạn không nằm trong một gốc nội dung, vì vậy nó không nhận được các định nghĩa và tài nguyên lớp cần thiết để hoàn thành mã.

  • Một tệp chứa các lớp và chức năng mà bạn muốn xuất hiện trong danh sách đề xuất hoàn thành được đánh dấu là một tệp văn bản đơn giản.

  • Các thư viện bên ngoài có chứa các chức năng mà bạn muốn xuất hiện trong danh sách đề xuất hoàn thành không được thêm vào dưới dạng phụ thuộc hoặc thư viện toàn cầu.

Đã sửa đổi lần cuối: 01 tháng 8 năm 2022