Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Tại sao chúng tôi xây dựng mã Visual Studio?

Visual Studio Code kết hợp tính đơn giản của trình chỉnh sửa mã nguồn với công cụ phát triển mạnh mẽ, như hoàn thành mã IntelliSense và gỡ lỗi.

Đầu tiên và quan trọng nhất, nó là một biên tập viên tránh xa bạn. Chu kỳ chỉnh sửa không ma sát thú vị có nghĩa là ít thời gian hơn với môi trường của bạn và thực hiện nhiều thời gian hơn cho ý tưởng của bạn.

Có sẵn cho macOS, Linux và Windows

Visual Studio Code hỗ trợ MacOS, Linux và Windows - vì vậy bạn có thể chạy trên mặt đất, bất kể nền tảng.

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Chỉnh sửa, xây dựng và gỡ lỗi một cách dễ dàng

Tại trung tâm của nó, Visual Studio Code có trình soạn thảo mã nguồn nhanh Lightning, hoàn hảo để sử dụng hàng ngày. Với sự hỗ trợ cho hàng trăm ngôn ngữ, mã VS giúp bạn có năng suất ngay lập tức với việc làm nổi bật cú pháp, khớp giá đỡ, tự động, chọn hộp, đoạn trích, v.v. Các phím tắt bàn phím trực quan, tùy chỉnh dễ dàng và ánh xạ phím tắt do cộng đồng đối với cộng đồng cho phép bạn điều hướng dễ dàng.

Để mã hóa nghiêm túc, bạn sẽ thường được hưởng lợi từ các công cụ có nhiều hiểu biết hơn là chỉ các khối văn bản. Visual Studio Code bao gồm hỗ trợ tích hợp để hoàn thành mã Intellisense, hiểu và điều hướng mã ngữ nghĩa phong phú và tái cấu trúc mã.

Và khi mã hóa trở nên khó khăn, khó khăn sẽ gỡ lỗi. Gỡ lỗi thường là một tính năng mà các nhà phát triển bỏ lỡ nhiều nhất trong trải nghiệm mã hóa gọn gàng hơn, vì vậy chúng tôi đã thực hiện nó. Mã Visual Studio bao gồm Trình gỡ lỗi tương tác, vì vậy bạn có thể bước qua mã nguồn, kiểm tra các biến, xem ngăn xếp cuộc gọi và thực thi các lệnh trong bảng điều khiển.

Mã VS cũng tích hợp với các công cụ xây dựng và kịch bản để thực hiện các tác vụ phổ biến làm cho các quy trình công việc hàng ngày nhanh hơn. Mã VS có hỗ trợ cho Git để bạn có thể làm việc với kiểm soát nguồn mà không cần rời trình chỉnh sửa bao gồm xem các thay đổi đang chờ xử lý.

Biến nó thành của riêng bạn

Tùy chỉnh mọi tính năng theo ý thích của bạn và cài đặt bất kỳ số tiện ích mở rộng của bên thứ ba. Mặc dù hầu hết các kịch bản hoạt động "ra khỏi hộp" không có cấu hình, mã vs cũng phát triển cùng với bạn và chúng tôi khuyến khích bạn tối ưu hóa trải nghiệm của mình để phù hợp với nhu cầu độc đáo của bạn. Mã VS là một dự án nguồn mở, vì vậy bạn cũng có thể đóng góp cho cộng đồng đang phát triển và sôi động trên GitHub.

Được xây dựng với tình yêu dành cho web

Mã VS bao gồm hỗ trợ tích hợp được làm giàu cho phát triển Node.js với JavaScript và TypeScript, được cung cấp bởi các công nghệ cơ bản giống nhau thúc đẩy Visual Studio. Mã VS cũng bao gồm công cụ tuyệt vời cho các công nghệ web như JSX/React, HTML, CSS, SCSS, Less và JSON.

Kiến trúc mạnh mẽ và mở rộng

Về mặt kiến ​​trúc, Visual Studio Code kết hợp các công nghệ tốt nhất của web, gốc và ngôn ngữ cụ thể. Sử dụng electron, mã vs kết hợp các công nghệ web như javascript và node.js với tốc độ và tính linh hoạt của các ứng dụng gốc. Mã VS sử dụng phiên bản mới hơn, nhanh hơn của cùng một trình soạn thảo dựa trên HTML có độ bền công nghiệp, đã cung cấp cho trình soạn thảo đám mây "Monaco", các công cụ F12 của Internet Explorer và các dự án khác. Ngoài ra, VS Code sử dụng kiến ​​trúc dịch vụ công cụ cho phép nó tích hợp với nhiều công nghệ tương tự có sức mạnh Visual Studio, bao gồm Roslyn cho .NET, TypeScript, Visual Studio Debugging Engine và hơn thế nữa.

Visual Studio Code bao gồm một mô hình mở rộng công khai cho phép các nhà phát triển xây dựng và sử dụng các tiện ích mở rộng và tùy chỉnh phong phú trải nghiệm chỉnh sửa của họ.

Sẵn sàng, đặt, mã!

Nếu bạn thích một công cụ phát triển trung tâm của biên tập viên mã hoặc đang xây dựng các ứng dụng web và đám mây đa nền tảng, chúng tôi mời bạn dùng thử Visual Studio Code và cho chúng tôi biết bạn nghĩ gì!

Bước tiếp theo

Đọc để tìm hiểu về:

  • Giao diện người dùng mã Visual Studio - Định hướng nhanh đến mã VS.
  • Video giới thiệu - Tìm hiểu về các tính năng của Trình chỉnh sửa mã VS.
  • Gỡ lỗi - OK thời gian cho những thứ thực sự thú vị - Break, bước, xem.

11/2/2022

Visual Studio Code cho Web cung cấp trải nghiệm mã Visual Studio Microsoft Visual Studio miễn phí, miễn phí khi chạy hoàn toàn trong trình duyệt của bạn, cho phép bạn kho lưu trữ mã nguồn nhanh chóng và an toàn và thay đổi mã nhẹ. Để bắt đầu, hãy truy cập https://vscode.dev trong trình duyệt của bạn.https://vscode.dev in your browser.

Mã VS cho Web có nhiều tính năng của máy tính để bàn VS Code mà bạn yêu thích, bao gồm tìm kiếm và cú pháp làm nổi bật trong khi duyệt và chỉnh sửa, cùng với hỗ trợ mở rộng để hoạt động trên cơ sở mã của bạn và thực hiện các chỉnh sửa đơn giản hơn. Ngoài việc mở kho lưu trữ, dĩa và các yêu cầu kéo từ các nhà cung cấp kiểm soát nguồn như GitHub và Azure Repos (trong bản xem trước), bạn cũng có thể làm việc với mã được lưu trữ trên máy cục bộ của bạn.

Mã VS cho web chạy hoàn toàn trong trình duyệt web của bạn, do đó có những hạn chế nhất định so với trải nghiệm máy tính để bàn, bạn có thể đọc thêm về bên dưới.

Mối quan hệ với VS Code Desktop

Mã VS cho Web cung cấp trải nghiệm dựa trên trình duyệt để điều hướng các tệp và kho lưu trữ và thực hiện các thay đổi mã nhẹ. Tuy nhiên, nếu bạn cần truy cập vào thời gian chạy để chạy, xây dựng hoặc gỡ lỗi mã của mình hoặc bạn muốn sử dụng các tính năng nền tảng như thiết bị đầu cuối, chúng tôi khuyên bạn nên chuyển công việc của bạn sang ứng dụng máy tính để bàn hoặc không gian mã GitHub cho các khả năng đầy đủ của mã VS . Ngoài ra, VS Code Desktop cho phép bạn chạy các tiện ích mở rộng không được hỗ trợ trong phiên bản web và sử dụng một bộ phím tắt đầy đủ không bị giới hạn bởi trình duyệt của bạn.

Khi bạn đã sẵn sàng để chuyển đổi, bạn sẽ có thể "nâng cấp" lên trải nghiệm máy tính để bàn đầy đủ VS với một vài cú nhấp chuột.

Bạn cũng có thể chuyển đổi giữa các phiên bản ổn định và bộ trong mã VS cho web bằng cách chọn biểu tượng bánh răng, sau đó chuyển sang phiên bản người trong cuộc ... hoặc bằng cách điều hướng trực tiếp đến https://insiders.vscode.dev.Switch to Insiders Version..., or by navigating directly to https://insiders.vscode.dev.

Mở một dự án

Bằng cách điều hướng đến https://vscode.dev, bạn có thể tạo một tệp hoặc dự án cục bộ mới, làm việc trên một dự án địa phương hiện có hoặc truy cập các kho lưu trữ mã nguồn được lưu trữ ở nơi khác, chẳng hạn như trên GitHub và Azure Repos (một phần của Azure DevOps).

Bạn có thể điều hướng đến kho lưu trữ dự án trực tiếp từ URL, theo sơ đồ: https://vscode.dev/SOURCE/ORG/REPO. Sử dụng REPO mã VS làm ví dụ, điều này sẽ giống như: https://vscode.dev/github/microsoft/vscode.

Để làm việc với cả repos GitHub và Azure, mã VS cho Web hỗ trợ hai tuyến đường, vscode.dev/githubvscode.dev/azurerepos:

GitHub: https://vscode.dev/github/organization/repo

Azure Repos: https://vscode.dev/azurerepos/organization/project/repo

Từ thanh tìm kiếm của trình duyệt (hay còn gọi là Omnibox), bạn có thể dễ dàng mở bất kỳ kho lưu trữ GitHub nào trong vscode.dev. Chỉ cần cài đặt tiện ích mở rộng vscode.dev cho Chrome và Edge. Sau đó, nhập code để kích hoạt omnibox, theo sau là tên của kho lưu trữ của bạn. Các đề xuất được điền bởi lịch sử tìm kiếm trình duyệt của bạn, vì vậy nếu repo bạn muốn không xuất hiện, bạn cũng có thể nhập tên https://vscode.dev/SOURCE/ORG/REPO0 đủ điều kiện để mở nó, ví dụ https://vscode.dev/SOURCE/ORG/REPO1.

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Nếu bạn đã sử dụng mã VS cho web tại https://vscode.dev, bạn có thể điều hướng thay thế đến các repos khác nhau thông qua các lệnh mở rộng của kho lưu trữ GitHub. Chọn chỉ báo từ xa ở phía dưới bên trái của thanh trạng thái và bạn sẽ được trình bày với lệnh ... Kho lưu trữ từ xa mở.Open Remote Repository... command.

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Kho lưu trữ GitHub là thành phần cốt lõi cung cấp khả năng duyệt từ xa và chỉnh sửa kho lưu trữ từ bên trong trình soạn thảo.

Thay vì nhân bản công việc của bạn, các kho lưu trữ GitHub tạo ra một hệ thống tệp ảo để truy cập các kho lưu trữ và các yêu cầu kéo, cho phép bạn nhanh chóng có năng suất mà không cần phải kéo mã lên máy cục bộ của bạn. Bạn có thể tìm hiểu thêm về phần mở rộng trong hướng dẫn kho GitHub của chúng tôi.

Lưu ý: Phần mở rộng kho lưu trữ GitHub cũng hoạt động trong VS Code Desktop để cung cấp trình duyệt và chỉnh sửa kho lưu trữ nhanh.: The GitHub Repositories extension works in VS Code desktop as well to provide fast repository browsing and editing.

Bạn có thể tạo một tệp mới trong web giống như bạn muốn trong môi trường Code Desktop vs Code, sử dụng Tệp> Tệp mới từ Bảng lệnh (F1).File > New File from the Command Palette (F1).

Azure Repos (Xem trước)

Hỗ trợ cho các repos Azure (một phần của Azure DevOps) trong Visual Studio Code cho Web đang được xem trước và trải nghiệm sẽ tiếp tục phát triển và phát triển theo thời gian.

Khi bạn điều hướng đến URL với lược đồ https://vscode.dev/azurerepos/organization/project/repo, bạn sẽ có thể đọc và tìm kiếm các tệp trong repo. Bạn có thể tìm nạp, kéo và đồng bộ hóa các thay đổi và xem các nhánh.

Bạn có thể mở bất kỳ kho lưu trữ, chi nhánh hoặc thẻ nào từ các repos Azure trong mã VS cho web bằng cách tiền tố vscode.dev cho URL Azure Repos.

Ngoài ra, khi bạn đang ở trong kho lưu trữ hoặc yêu cầu kéo Azure, bạn có thể nhấn (.) Để mở nó trong vScode.dev..) to open it in vscode.dev.

Những hạn chế hiện tại

Hỗ trợ Azure Repos hiện chỉ đọc. Các hành động cam kết, chi nhánh, nĩa và PR bị vô hiệu hóa trong chế độ xem kiểm soát nguồn và bảng lệnh.

Nhiều URL tùy chỉnh hơn

Giống như trong máy tính để bàn, bạn có thể tùy chỉnh mã VS cho web thông qua hệ sinh thái mở rộng phong phú hỗ trợ mọi phần cuối, ngôn ngữ và dịch vụ. Không giống như trong máy tính để bàn, chúng tôi dễ dàng cung cấp các trải nghiệm tùy chỉnh với các tiện ích mở rộng được cài đặt sẵn thông qua các URL vscode.dev độc đáo (như vscode.dev/githubvscode.dev/azurerepos được mô tả ở trên).

Chủ đề

Bạn có thể chia sẻ và trải nghiệm các chủ đề màu thông qua mã VS cho Web thông qua sơ đồ URL: https://vscode.dev/SOURCE/ORG/REPO7.

Chẳng hạn, bạn có thể truy cập https://vscode.dev/theme/sdras.night-wow để trải nghiệm chủ đề đêm mà không cần phải trải qua quá trình tải xuống và cài đặt.

Lưu ý: Sơ đồ URL chủ đề màu hoạt động cho các chủ đề được khai báo đầy đủ (không có mã).

Một tiện ích mở rộng có thể xác định nhiều chủ đề. Bạn có thể sử dụng lược đồ https://vscode.dev/SOURCE/ORG/REPO8. Nếu không có https://vscode.dev/SOURCE/ORG/REPO9 được chỉ định, mã VS cho web sẽ lấy chủ đề đầu tiên.

Là một tác giả chủ đề, bạn có thể thêm huy hiệu sau vào phần mở rộng ReadMe của mình để cho phép người dùng dễ dàng thử chủ đề của mình trong mã VS cho web (thay thế https://vscode.dev/github/microsoft/vscode0 bằng định danh duy nhất của tiện ích mở rộng chủ đề của bạn):

[![Preview in vscode.dev](https://img.shields.io/badge/preview%20in-vscode.dev-blue)](https://vscode.dev/theme/)

Các phiên khách chia sẻ trực tiếp có sẵn trong trình duyệt thông qua URL https://vscode.dev/github/microsoft/vscode1. https://vscode.dev/github/microsoft/vscode2 sẽ được chuyển đến phần mở rộng để thực hiện tham gia một trải nghiệm liền mạch.

Tiếp tục làm việc trong một môi trường khác

Trong một số trường hợp, bạn sẽ muốn truy cập vào một môi trường khác có khả năng chạy mã. Bạn có thể chuyển sang làm việc trên kho lưu trữ trong môi trường phát triển có hỗ trợ cho hệ thống tệp địa phương và toàn bộ ngôn ngữ và công cụ phát triển.

Tiện ích mở rộng kho lưu trữ GitHub giúp bạn dễ dàng sao chép kho lưu trữ cục bộ, mở lại trên máy tính để bàn hoặc tạo không gian mã GitHub cho kho lưu trữ hiện tại (nếu bạn có phần mở rộng GitHub Codespace được cài đặt và truy cập để tạo không gian mã Github). Để thực hiện việc này, hãy sử dụng lệnh tiếp tục làm việc trên ... có sẵn từ bảng lệnh (F1) hoặc nhấp vào chỉ báo từ xa trong thanh trạng thái.Continue Working On... command available from the Command Palette (F1) or click on the Remote indicator in the Status bar.

Sử dụng sức mạnh tính toán của riêng bạn với máy chủ mã vs

Bạn có thể phát triển chống lại một máy khác trong mã VS cho web bằng máy chủ mã VS.

Máy chủ mã VS là dịch vụ xem trước riêng tư mà bạn có thể chạy trên máy phát triển từ xa, như máy tính để bàn của bạn hoặc máy ảo (VM). Nó cho phép bạn kết nối an toàn với máy từ xa đó từ bất cứ đâu thông qua url vScode.dev, mà không cần yêu cầu SSH. Điều này cho phép bạn "mang tính toán của riêng bạn" đến vScode.dev, cho phép các kịch bản bổ sung như chạy mã của bạn trong trình duyệt.

Bạn có thể tìm hiểu thêm về máy chủ mã VS trong tài liệu của nó.

Khám phá an toàn

Mã VS cho web chạy hoàn toàn trong hộp cát của trình duyệt web của bạn và cung cấp một môi trường thực hiện rất hạn chế.

Khi truy cập mã từ các kho lưu trữ từ xa, trình chỉnh sửa web không "nhân bản" repo, mà thay vào đó tải mã bằng cách gọi API của Dịch vụ trực tiếp từ trình duyệt của bạn; Điều này càng làm giảm bề mặt tấn công khi nhân bản các kho lưu trữ không đáng tin cậy.

Khi làm việc với các tệp cục bộ, mã VS cho web tải chúng thông qua API truy cập hệ thống tệp của trình duyệt của bạn, giới hạn phạm vi của những gì trình duyệt có thể truy cập.

Tiết kiệm và chia sẻ công việc

Khi làm việc trên một tệp cục bộ trên web, công việc của bạn sẽ được lưu tự động nếu bạn đã tự động tiết kiệm. Bạn cũng có thể lưu thủ công theo cách thủ công khi làm việc trong mã máy tính để bàn và mã (ví dụ: Tệp> Lưu).File > Save).

Khi làm việc trên một kho lưu trữ từ xa, công việc của bạn được lưu trong bộ lưu trữ cục bộ của trình duyệt cho đến khi bạn thực hiện nó. Nếu bạn mở yêu cầu repo hoặc kéo bằng kho Github, bạn có thể đẩy các thay đổi của mình trong chế độ xem kiểm soát nguồn để tồn tại bất kỳ công việc mới nào.

Chạy bất cứ nơi nào

Tương tự như không gian mã GitHub, mã VS cho web có thể chạy trên máy tính bảng, như iPad.

Hỗ trợ ngôn ngữ

Hỗ trợ ngôn ngữ có nhiều sắc thái hơn trên web, bao gồm chỉnh sửa mã, điều hướng và duyệt web. Trải nghiệm máy tính để bàn thường được cung cấp bởi các dịch vụ ngôn ngữ và trình biên dịch mong đợi một hệ thống tệp, thời gian chạy và môi trường tính toán. Trong trình duyệt, những trải nghiệm này được cung cấp bởi các dịch vụ ngôn ngữ đang chạy trong trình duyệt cung cấp mã thông báo mã nguồn và tô màu cú pháp, hoàn thành và nhiều hoạt động một tệp.

Nói chung, kinh nghiệm rơi vào các loại sau:

  • Tốt: Đối với hầu hết các ngôn ngữ lập trình, mã VS cho web cung cấp cho bạn màu cú pháp mã hóa, hoàn thành dựa trên văn bản và tô màu cặp khung. Sử dụng cây cú pháp thử nghiệm cây thông qua tiện ích mở rộng AnyCode, chúng tôi có thể cung cấp các trải nghiệm bổ sung như phác thảo/đi đến biểu tượng và tìm kiếm biểu tượng cho các ngôn ngữ phổ biến như C/C ++, C#, Java, PHP, Rust và Go. For most programming languages, VS Code for the Web gives you code syntax colorization, text-based completions, and bracket pair colorization. Using a Tree-sitter syntax tree through the anycode extension, we're able to provide additional experiences such as Outline/Go to Symbol and Symbol Search for popular languages such as C/C++, C#, Java, PHP, Rust, and Go.
  • Tốt hơn: Trải nghiệm TypeScript, JavaScript và Python đều được cung cấp bởi các dịch vụ ngôn ngữ chạy tự nhiên trong trình duyệt. Với các ngôn ngữ lập trình này, bạn sẽ có được trải nghiệm "tốt" cộng với hoàn thành tệp đơn, tô sáng ngữ nghĩa, lỗi cú pháp và nhiều hơn nữa. The TypeScript, JavaScript, and Python experiences are all powered by language services that run natively in the browser. With these programming languages, you'll get the "Good" experience plus rich single file completions, semantic highlighting, syntax errors, and more.
  • Tốt nhất: Đối với nhiều ngôn ngữ "Webby", chẳng hạn như JSON, HTML, CSS và ít hơn, v.v., trải nghiệm mã hóa trong vScode.dev gần giống với máy tính để bàn (bao gồm xem trước Markdown!). For many "webby" languages, such as JSON, HTML, CSS, and LESS, etc., the coding experience in vscode.dev is nearly identical to the desktop (including Markdown preview!).

Bạn có thể xác định mức độ hỗ trợ ngôn ngữ trong tệp hiện tại của mình thông qua chỉ báo trạng thái ngôn ngữ trong thanh trạng thái:

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Giới hạn

Vì mã VS cho web chạy hoàn toàn trong trình duyệt, một số trải nghiệm sẽ tự nhiên bị hạn chế hơn khi so sánh với những gì bạn có thể làm trong ứng dụng máy tính để bàn. Ví dụ: thiết bị đầu cuối và trình gỡ lỗi không có sẵn, điều này có ý nghĩa vì bạn không thể biên dịch, chạy và gỡ lỗi một ứng dụng rỉ sét hoặc đi trong hộp cát của trình duyệt.

Phần mở rộng

Chỉ một tập hợp các tiện ích mở rộng có thể chạy trong trình duyệt. Bạn có thể sử dụng chế độ xem tiện ích mở rộng để cài đặt các tiện ích mở rộng trong web và các tiện ích mở rộng không thể cài đặt sẽ có biểu tượng cảnh báo và tìm hiểu tại sao liên kết. Chúng tôi hy vọng nhiều phần mở rộng sẽ được kích hoạt theo thời gian.Learn Why link. We expect more extensions to become enabled over time.

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Khi bạn cài đặt một phần mở rộng, nó sẽ được lưu trong bộ nhớ cục bộ của trình duyệt. Bạn có thể đảm bảo các tiện ích mở rộng của mình được đồng bộ hóa trên các phiên bản mã VS, bao gồm các trình duyệt khác nhau và thậm chí cả máy tính để bàn, bằng cách cho phép Cài đặt đồng bộ hóa.

Khi một gói mở rộng chứa các tiện ích mở rộng không chạy trong hộp cát trình duyệt, bạn sẽ nhận được một thông báo thông tin với tùy chọn để xem các tiện ích mở rộng có trong gói.

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

Khi các tiện ích mở rộng được thực hiện trong hộp cát trình duyệt, chúng bị hạn chế hơn. Các tiện ích mở rộng hoàn toàn được khai báo, chẳng hạn như hầu hết các chủ đề, đoạn trích hoặc ngữ pháp, có thể chạy không được sửa đổi và có sẵn trong mã VS cho web mà không cần sửa đổi từ các tác giả mở rộng. Các tiện ích mở rộng đang chạy mã cần được cập nhật để hỗ trợ chạy trong hộp cát trình duyệt. Bạn có thể đọc thêm về những gì liên quan để hỗ trợ các tiện ích mở rộng trong trình duyệt trong Hướng dẫn tác giả mở rộng web.

Ngoài ra còn có các phần mở rộng chạy trong trình duyệt chỉ hỗ trợ một phần. Một ví dụ điển hình là một tiện ích mở rộng ngôn ngữ hạn chế hỗ trợ của nó đối với các tệp đơn hoặc các tệp hiện được mở.

API hệ thống tệp

Edge và Chrome Today hỗ trợ API hệ thống tệp, cho phép các trang web truy cập hệ thống tệp cục bộ. Nếu trình duyệt của bạn không hỗ trợ API hệ thống tệp, bạn không thể mở thư mục cục bộ, nhưng bạn có thể mở các tệp thay thế.

Hỗ trợ trình duyệt

Bạn có thể sử dụng mã VS cho web trong Chrome, Edge, Firefox và Safari.

WebView có thể xuất hiện khác nhau hoặc có một số hành vi bất ngờ trong Firefox và Safari. Bạn có thể xem các truy vấn vấn đề trong REPO VS Code GitHub để theo dõi các vấn đề liên quan đến các trình duyệt cụ thể, chẳng hạn như với nhãn Safari và nhãn Firefox.

Có các bước bổ sung bạn có thể thực hiện để cải thiện trải nghiệm trình duyệt của mình bằng mã VS cho web. Xem lại phần thiết lập trình duyệt bổ sung để biết thêm thông tin.

Hỗ trợ di động

Bạn có thể sử dụng mã VS cho web trên thiết bị di động, nhưng các màn hình nhỏ hơn có thể có những hạn chế nhất định.

Tổ hợp phím

Một số keybinding cũng có thể hoạt động khác nhau trong web.

Vấn đềLý do
⇧⌘P (Windows, Linux Ctrl+Shift+P) sẽ không khởi chạy bảng lệnh trong Firefox. (Windows, Linux Ctrl+Shift+P) won't launch the Command Palette in Firefox. ⇧⌘p (Windows, Linux Ctrl+Shift+P) được dành riêng trong Firefox. Là một cách giải quyết, hãy sử dụng F1 để khởi chạy bảng lệnh. (Windows, Linux Ctrl+Shift+P) is reserved in Firefox.
As a workaround, use F1 to launch the Command Palette.
⌘n (windows, linux ctrl+n) cho tệp mới không hoạt động trong web. (Windows, Linux Ctrl+N) for new file doesn't work in web. ⌘n (windows, linux ctrl+n) mở một cửa sổ mới thay thế. Là một cách giải quyết, bạn có thể sử dụng CTRL+ALT+N (CMD+ALT+N trên macOS). (Windows, Linux Ctrl+N) opens a new window instead.
As a workaround, you can use Ctrl+Alt+N (Cmd+Alt+N on macOS).
W (Windows, Linux Ctrl+W) để đóng trình chỉnh sửa không hoạt động trong web. (Windows, Linux Ctrl+W) for closing an editor doesn't work in web. W (Windows, Linux Ctrl+W) Đóng tab hiện tại trong trình duyệt. Là một cách giải quyết, bạn có thể sử dụng Ctrl+Shift+Alt+N (CMD+Shift+Alt+N trên MacOS). (Windows, Linux Ctrl+W) closes the current tab in browsers.
As a workaround, you can use Ctrl+Shift+Alt+N (Cmd+Shift+Alt+N on macOS).
⇧⌘B (Windows, Linux Ctrl+Shift+B) sẽ không chuyển đổi thanh yêu thích trong trình duyệt. (Windows, Linux Ctrl+Shift+B) will not toggle the favorites bar in the browser. Mã VS cho web ghi đè lên điều này và chuyển hướng đến menu "xây dựng" trong bảng lệnh.

Thiết lập trình duyệt bổ sung

Có các bước cấu hình trình duyệt bổ sung bạn có thể thực hiện khi làm việc với mã VS trong trình duyệt.

Mở các tab và Windows mới

Trong một số trường hợp nhất định, bạn có thể cần mở một tab hoặc cửa sổ mới trong khi làm việc trong mã VS cho web. Mã VS có thể yêu cầu bạn cho phép truy cập bảng tạm khi đọc từ đó. Tùy thuộc vào trình duyệt của bạn, bạn có thể cấp quyền truy cập vào bảng tạm hoặc cho phép các cửa sổ bật lên theo những cách khác nhau:

  • Chrome, Edge, Firefox: Tìm kiếm "quyền trang web" trong cài đặt của trình duyệt hoặc tìm tùy chọn sau trong thanh địa chỉ ở bên phải:

Hướng dẫn is visual studio code good for html? - mã studio trực quan có tốt cho html không?

  • Safari: Trong trình duyệt Safari, hãy chuyển đến Tùy chọn ...> Trang web> Windows bật lên> Tên miền bạn đang truy cập (ví dụ: vscode.dev) và chọn Cho phép từ thả xuống.Preferences... > Websites > Pop-up Windows > the domain you're accessing (for example, vscode.dev), and select Allow from the dropdown.

11/2/2022

Visual Studio có phải là một biên tập viên HTML tốt không?

Nếu bạn làm mọi thứ với Microsoft, Visual Studio Code là một trình soạn thảo HTML tuyệt vời cho bạn. Nó không chỉ miễn phí, nguồn mở và được đóng gói với một thư viện khổng lồ của các ứng dụng và tiện ích mở rộng có thể tùy chỉnh, mà còn tích hợp với Microsoft Azure.. Not only is it free, open-source, and packed with an enormous library of customizable apps and extensions, but it also integrates with Microsoft Azure.

Visual Studio Code có tốt cho phát triển web không?

Được xây dựng với tình yêu cho mã web vs bao gồm hỗ trợ tích hợp được làm giàu cho nút.Phát triển JS với JavaScript và TypeScript, được cung cấp bởi các công nghệ cơ bản tương tự thúc đẩy Visual Studio.Mã VS cũng bao gồm công cụ tuyệt vời cho các công nghệ web như JSX/React, HTML, CSS, SCSS, Less và JSON.VS Code also includes great tooling for web technologies such as JSX/React, HTML, CSS, SCSS, Less, and JSON.

Tôi có thể sử dụng Visual Studio cho HTML không?

Visual Studio cung cấp các biên tập viên HTML, CSS, JavaScript và JSON mạnh mẽ.Chạm vào sức mạnh của ít hơn và SASS, sử dụng PHP, Python hoặc C# với ASP.NET.Tất cả các ngôn ngữ phổ biến được hỗ trợ và bạn có thể di chuyển giữa các ngôn ngữ và loại dự án một cách dễ dàng.. Tap into the power of LESS, and Sass, use PHP, Python, or C# with ASP.NET. All the popular languages are supported and you can move between languages and project types with ease.

Làm cách nào để mã HTML sử dụng mã Visual Studio?

Nhập bắt đầu theo sau là tên tệp HTML và nhấn ENTER.Ví dụ: nếu bạn muốn chạy tệp HTML chỉ mục của mình, bạn sẽ nhập Index Start.HTML và nhấn Enter.Điều này khởi chạy tệp HTML trong một cửa sổ riêng cho phép bạn xem trước tệp HTML của mình.