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.

  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. 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

Bài Viết Liên Quan

Chủ Đề