Visual Studio Code là một biên tập viên tuyệt vời cho phát triển PHP. Bạn nhận được các tính năng như kết hợp cú pháp và khớp khung, IntelliSense [hoàn thành mã] và đoạn trích ra khỏi hộp và bạn có thể thêm nhiều chức năng hơn thông qua các phần mở rộng mã vs do cộng đồng tạo ra.
Lớp lót
Mã VS sử dụng Php Linter chính thức [php -l] cho chẩn đoán ngôn ngữ PHP. Điều này cho phép mã VS duy trì hiện tại với các cải tiến của Php Linter.
Mẹo: Sử dụng XAMPP? Cài đặt phiên bản đầy đủ của PHP để có được các thư viện phát triển.
Có ba cài đặt để kiểm soát php linter:
php.validate.enable: Kiểm soát xem có bật Lining PHP hay không. Được bật theo mặc định.php.validate.executablePath: Chỉ vào thực thi PHP trên đĩa. Đặt điều này nếu thực thi PHP không có trên đường dẫn hệ thống.php.validate.run: Kiểm soát liệu xác thực có được kích hoạt khi lưu [giá trị:"onSave"] hoặc trên loại [giá trị:"onType"]. Mặc định là trên lưu.
Để thay đổi cài đặt PHP, hãy mở cài đặt người dùng hoặc không gian làm việc của bạn [⌘, [Windows, Linux Ctrl+,]] và nhập 'PHP' để lọc danh sách các cài đặt có sẵn.User or Workspace Settings [⌘, [Windows, Linux Ctrl+,]] and type 'php' to filter the list of available settings.
Để đặt đường dẫn thực thi PHP, hãy chọn Chỉnh sửa trong Sắp đặt.JSON LIÊN KẾT TRONG PHP> Xác thực: Đường dẫn thực thi, sẽ mở tệp người dùng settings.json của bạn. Thêm cài đặt php.validate.executablePath với đường dẫn vào cài đặt PHP của bạn:Edit in settings.json link under PHP > Validate: Executable Path, which will open your user settings.json file. Add the php.validate.executablePath setting with the path to your PHP installation:
các cửa sổ
{
"php.validate.executablePath": "c:/php/php.exe"
}
Linux và macOS
{
"php.validate.executablePath": "/usr/bin/php"
}
Đoạn trích
Visual Studio Code bao gồm một bộ đoạn trích phổ biến cho PHP. Để truy cập những điều này, hãy nhấn ⌃space [Windows, Linux Ctrl+Space] để có được một danh sách cụ thể theo ngữ cảnh.⌃Space [Windows, Linux Ctrl+Space] to get a context-specific list.
Phần mở rộng PHP
Có nhiều phần mở rộng ngôn ngữ PHP có sẵn trên thị trường mã VS và nhiều hơn nữa đang được tạo ra. Bạn có thể tìm kiếm các tiện ích mở rộng PHP từ trong mã VS trong chế độ xem phần mở rộng [⇧⌘x [Windows, Linux Ctrl+Shift+X]] sau đó lọc danh sách thả xuống các phần mở rộng bằng cách nhập 'PHP'.Extensions view [⇧⌘X [Windows, Linux Ctrl+Shift+X]] then filter the extensions dropdown list by typing 'php'.
Tắt hỗ trợ PHP tích hợp
Để tắt phần hoàn thành thông minh PHP tích hợp để ủng hộ các đề xuất từ tiện ích mở rộng PHP đã cài đặt, bỏ chọn PHP> Đề xuất: BASIC, đặt
{
"php.validate.executablePath": "/usr/bin/php"
}
settings.json của bạn.PHP > Suggest: Basic, which sets {
"php.validate.executablePath": "/usr/bin/php"
}
settings.json file.Gỡ lỗi
Gỡ lỗi PHP với XDebug được hỗ trợ thông qua tiện ích mở rộng gỡ lỗi PHP. Thực hiện theo các hướng dẫn của tiện ích mở rộng để định cấu hình XDebug để làm việc với mã VS.XDebug is supported through a PHP Debug extension. Follow the extension's instructions for configuring XDebug to work with VS Code.
Bước tiếp theo
Đọc để tìm hiểu về:
- Thị trường mở rộng - Duyệt các phần mở rộng mà những người khác đã chia sẻ
- Gỡ lỗi - Tìm hiểu thêm về gỡ lỗi mã vs
10/6/2022
Nếu bạn sử dụng các tệp HTML, PHP hoặc JS, bạn có thể muốn mở chúng trong trình duyệt của mình từ Visual Studio Code. Tuy nhiên, không có tùy chọn tích hợp để làm như vậy. Điều này có thể gây khó chịu, đặc biệt nếu bạn muốn có một cái nhìn nhanh về kết quả mã hóa của bạn.
May mắn thay, bạn có thể bật chức năng mở trong trình duyệt của trình duyệt thông qua các phương thức khác. Bài viết này sẽ chỉ cho bạn cách làm điều đó.
Cách mở trong trình duyệt trong mã vs trên PC Windows
Cách dễ nhất để có được tùy chọn Mở trong trình duyệt cho Visual Studio Code trong Windows là sử dụng tiện ích mở rộng. Cài đặt các tiện ích mở rộng trong mã Visual Studio tương đối đơn giản, cũng như việc sử dụng chúng để mở các tệp trong trình duyệt.
- Mở tệp HTML của bạn trong Trình chỉnh sửa mã Visual Studio.
- Trên thanh công cụ thẳng đứng bên trái, nhấp vào phần mở rộng. Ngoài ra, bạn có thể sử dụng phím tắt bàn phím Ctrl + Shift + X, để khởi chạy các tiện ích mở rộng.
- Nhấp vào thanh tìm kiếm để bật viết.
- Đầu vào mở ra trong trình duyệt. Chọn một tiện ích mở rộng phù hợp với thuật ngữ tìm kiếm của bạn.
- Nhấp vào nút Cài đặt cài đặt.
- Tải lại chương trình.
- Chọn trình thám hiểm từ thanh công cụ bên trái.
- Tìm tệp HTML của bạn trong trình thám hiểm và nhấp chuột phải vào nó. Chọn Mở mở trong trình duyệt mặc định, hoặc mở trong các trình duyệt khác.
- Nếu bạn chọn tùy chọn Trình duyệt mặc định của Trình duyệt mặc định, tệp HTML sẽ khởi chạy trong bất kỳ trình duyệt nào được đặt làm mặc định. Nếu bạn chọn Mở mở trong các trình duyệt khác, thì bạn sẽ cần chỉ định trình duyệt nào sẽ được sử dụng.
Bạn có thể tìm thấy nhiều phần mở rộng hữu ích trên thị trường Visual Studio. Hoặc bạn có thể mở các tiện ích mở rộng trình duyệt với các đánh giá tích cực nhất ở đây: Tiện ích mở rộng 1, Tiện ích mở rộng 2, Tiện ích mở rộng 3, Tiện ích mở rộng 4.
Visual Studio Code có thể được nâng cấp bằng các tiện ích mở rộng khác nhau để tăng chức năng của chương trình. Một loại tiện ích mở rộng có thể cho phép mở các tệp HTML, PHP hoặc JS trong một trình duyệt mặc định hoặc khác. Ở đây, làm thế nào để kích hoạt tùy chọn đó trên máy Mac.
- Sử dụng Trình chỉnh sửa mã Visual Studio, mở tệp mong muốn.
- Chuyển đến thanh công cụ ở bên trái và chọn các tiện ích mở rộng.
- Nhấp vào thanh tìm kiếm trong bảng mở rộng và viết Mở mở trong trình duyệt.
- Chọn một phần mở rộng và nhấp vào cài đặt.
- Tải lại phần mềm.
- Chuyển đến thanh công cụ bên trái và chọn Explorer.
- Xác định vị trí tệp bạn muốn mở trong bảng Explorer và nhấp chuột phải vào nó. Chọn một trong hai lần mở trong trình duyệt mặc định, hoặc mở trong các trình duyệt khác.
- Tùy chọn Mở trong Trình duyệt mặc định, sẽ khởi chạy tệp bằng trình duyệt được chọn trước. & NBSP; Mở mở trong các trình duyệt khác, sẽ đưa ra một lời nhắc nơi bạn có thể chọn một trong các trình duyệt được cài đặt trên máy của bạn.
Visual Studio Marketplace có rất nhiều tiện ích mở rộng có thể thêm các chức năng mới vào Code Visual Studio Code. Trang web này rất đáng để khám phá nếu bạn muốn điều chỉnh chương trình hơn nữa. Và nếu bạn quan tâm đến việc mở các tiện ích mở rộng trình duyệt, đây là một số gợi ý: Tiện ích mở rộng 1, Tiện ích mở rộng 2, Tiện ích mở rộng 3, Tiện ích mở rộng 4.
Mở trong phím tắt trình duyệt
Gần như mọi tiện ích mở rộng trình duyệt mở cho Visual Studio Code đều có các phím tắt được bật. Tuy nhiên, các phím tắt aren đồng phục. Thay vào đó, mỗi tiện ích mở rộng có một kết hợp các khóa cụ thể sẽ kích hoạt việc mở tệp trong trình duyệt của bạn.
Dưới đây là các phím tắt cho các tiện ích mở rộng được đề xuất trong bài viết này.
- Tiện ích mở rộng 1: CTRL + 1 1 trên Windows, lệnh + 1 1 trên Mac.
- Phần mở rộng 2: Ctrl Ctrl + Alt + O, trên Windows, Lệnh + Tùy chọn [Alt] + O, trên Mac.
- Tiện ích mở rộng 3: CTRL + Shift + F9, trên Windows, Lệnh + Shift + F9, trên Mac.
- Tiện ích mở rộng 4: CTRL + Shift + P, trên Windows, Lệnh + Shift + P, trên Mac.
Lưu ý rằng các phím tắt này sẽ chỉ hoạt động trên các phần mở rộng tương ứng của chúng được liên kết trong bài viết này. Nếu bạn chọn cài đặt một tiện ích mở rộng khác, các phím tắt có liên quan có thể sẽ được liệt kê trên trang Marketplace của nó.
Chạy HTML trong mã Visual Studio
Nếu bạn quan tâm đến việc làm việc với HTML trong Visual Studio Code, đây là một số phương pháp chạy mã HTML trong chương trình.
Phương pháp đầu tiên bao gồm tải thủ công tệp bạn muốn chạy.
- Mở mã Visual Studio và tạo tệp HTML mới.
- Truy cập vào tập tin, thì sau đó nhấp vào Lưu.
- Sử dụng HTML: 5, kích hoạt mẫu cho HTML. Sau đó, mở tệp bạn đã lưu trong bước 2.
- Sử dụng tiện ích mở rộng mở trong trình duyệt mà bạn đã cài đặt trước đây để khởi chạy tệp trong trình duyệt của bạn.
- Để lại trình duyệt mở, quay lại mã Visual Studio và chỉnh sửa tệp HTML, lưu các thay đổi của bạn.
- Quay trở lại trình duyệt và nhấp vào làm mới. Bạn sẽ thấy thay đổi trang dựa trên chỉnh sửa của bạn.
- Lặp lại các bước 5 và 6 để kiểm tra tiến trình của bạn khi bạn tiếp tục chỉnh sửa tệp HTML.
Phương pháp thủ công có thể giúp theo dõi công việc của bạn. Tuy nhiên, có một giải pháp thậm chí còn tốt hơn: tự động tải. Tùy chọn này sẽ yêu cầu bạn cài đặt một tiện ích mở rộng khác, nhưng nên có giá trị thời gian.
- Trong Visual Studio Code, đi đến các phần mở rộng, nằm ở dưới cùng của thanh công cụ bên trái.
- Trong thanh tìm kiếm tiện ích mở rộng, nhập vào máy chủ trực tiếp.
- Nhấp vào nút Cài đặt trên mạng bên cạnh tiện ích mở rộng máy chủ trực tiếp.
- Tạo và lưu một tệp HTML mới.
- Trong Visual Studio Code Explorer, nhấp chuột phải vào tệp mới của bạn. Chọn “Mở máy chủ trực tiếp.”
- Tệp HTML sẽ mở trong trình duyệt. Khi nó làm, hãy thử chỉnh sửa mã HTML. Lưu tiến trình của bạn.
- Ngay khi bạn tạo một thay đổi trong mã và lưu nó, trình duyệt của bạn sẽ làm mới, hiển thị nội dung mới. Bạn đã thắng cần phải làm mới trang theo cách thủ công và thay vào đó sẽ có thể xác nhận trực quan về những thay đổi trong thời gian thực.
Các phần mở rộng HTML của Visual Studio Code HTML hữu ích khác
Như đã đề cập, thị trường Visual Studio có đầy đủ các công cụ tuyệt vời, nhiều trong số đó hướng đến HTML. Dưới đây là mười tiện ích mở rộng hữu ích và tốt nhất cho HTML.
- Lit-Plugin: Một công cụ làm nổi bật cú pháp, kiểm tra gõ và giúp bạn hoàn thành mã mà không có lỗi. Tiện ích mở rộng này có các quy tắc tùy chỉnh.
- SCSS ở mọi nơi: Một tiện ích mở rộng tự động hoàn thành cho các định nghĩa lớp cho HTML, SCSS, Elixir, SASS, PHP, CSS và nhiều loại tệp khác.
- Đoạn ghép góc: Thêm đoạn trích góc để dễ dàng sử dụng trong HTML và TypeScript. Phần mở rộng hoạt động bằng cách mở một đoạn trích sau khi nó được gõ một phần.
- Chuỗi ES6 HTML: Cho phép hỗ trợ mã chuỗi ES6 để làm nổi bật cú pháp. Hoạt động với HTML, CSS, XML, GLSL và các định dạng khác.
- Tách các thuộc tính HTML: Phần mở rộng này sẽ phân chia các thuộc tính HTML, cũng như Angular, Vue và React Props and Chỉ thị. Bạn có thể sử dụng nó trên các thẻ mở và tự đóng, cũng như trên nhiều lựa chọn.
- Djaneiro - Đoạn trích Django: Một bộ sưu tập đoạn trích rộng lớn cho các mẫu Django HTML. Sử dụng tiện ích mở rộng này sẽ rút ngắn đáng kể thời gian gõ.
- Xem trước trực tiếp: Tiện ích mở rộng trực tiếp từ Microsoft cho phép lưu trữ máy chủ cục bộ. Nếu bạn có một dự án không sử dụng Angular, React hoặc các công cụ máy chủ khác, tiện ích mở rộng này sẽ cho phép xem trước HTML thường xuyên và nhúng với việc làm mới trang trong thời gian thực.
- Oracle Jet Core: Phần mở rộng này được tạo bởi Oracle Corporation cung cấp hỗ trợ đầy đủ cho dữ liệu HTML tùy chỉnh của Oracle Jet. Các đoạn trích đi kèm sẽ tự động hoàn thành bất kỳ thuộc tính và thẻ phản lực nào.
- Điều hướng CSS: Cho phép đi đến Định nghĩa cho HTML đến CSS, HTML đến ít hơn và HTML đến SASS. Lệnh Peek Định nghĩa cũng được bật.
- Bộ chuyển đổi ký tự có dấu HTML: Thay thế liền mạch các ký tự đặc biệt bằng các thực thể HTML thích hợp. Phần mở rộng này là hữu ích theo tình huống, nhưng cần thiết khi xử lý các chuỗi có thể nội địa.
Bạn có thể chạy mã Visual Studio từ trình duyệt của mình
Ngoài việc chạy các tệp HTML trong trình duyệt, nó cũng có thể sử dụng toàn bộ mã Visual Studio Online. Điều này yêu cầu bạn khởi chạy một phiên bản cụ thể của chương trình được phát triển để sử dụng trình duyệt.
Nó đáng chú ý rằng phiên bản này nhẹ hơn nhiều so với mã Visual Studio Desktop. Tuy nhiên, nó có thể là một giải pháp đơn giản cho kho lưu trữ và điều hướng tệp dễ dàng, cũng như các thay đổi mã nhỏ.
Nếu bạn muốn thử biến thể trình duyệt mã Visual Studio, bạn có thể bắt đầu ngay lập tức bằng cách nhấp vào đây.
Nhận các tệp HTML của bạn lên và chạy
Mở các tệp HTML trong trình duyệt của bạn được thực hiện dễ dàng với phần mở rộng chuyên dụng cho Visual Studio Code. Nếu bạn quyết định khám phá các dịch vụ mở rộng rộng lớn cho công cụ mã hóa này, chức năng mở trong trình duyệt sẽ chỉ là khởi đầu cho hành trình của bạn.
Bạn đã quản lý để mở tệp HTML của mình trong trình duyệt mà bạn chọn chưa? Bạn đã sử dụng tiện ích mở rộng nào? Cho chúng tôi biết trong phần ý kiến dưới đây.
Tuyên bố miễn trừ trách nhiệm: Một số trang trên trang web này có thể bao gồm một liên kết liên kết. Điều này không ảnh hưởng đến biên tập của chúng tôi theo bất kỳ cách nào.