Cách sử dụng so với studio trong html?

Visual Studio Code không có phương thức tích hợp sẵn để khởi chạy HTML và các tệp khác trong Google Chrome, nhưng bạn có thể định cấu hình để thực hiện điều đó

Video dưới đây cho biết cách cài đặt tiện ích mở rộng Trình duyệt Mặc định của Visual Studio Code, tiện ích này giúp dễ dàng mở tệp HTML trong trình duyệt, bằng cách nhấp chuột phải vào tệp và chọn Mở trong Trình duyệt Mặc định hoặc bằng cách nhấn Cmd+1 (Mac

Viết bởi Nat Dunn. Theo dõi Nat trên Twitter


Những bài viết liên quan

  1. Cấp tiêu đề HTML và nội dung phân đoạn
  2. Cách đặt câu hỏi kỹ thuật hay
  3. Cách lồng danh sách đúng cách trong HTML
  4. Cách cài đặt và sử dụng Visual Studio Code cho lớp học
  5. Cách mở tệp HTML trong trình duyệt của bạn từ Visual Studio Code (bài viết này)
  6. Cách tạo một tài liệu HTML đơn giản
  7. Cách làm việc với thẻ trống và thẻ chứa trong HTML
  8. Cách đánh dấu trích dẫn trong HTML
  9. Cách tạo một bảng HTML
  10. Cách buộc làm mới favicon. ico

Bạn đang tìm cách cải thiện kỹ năng HTML của mình?

VS Code (hay Visual Studio Code) (từ năm 2015) là trình soạn thảo mã nguồn miễn phí, mã nguồn mở, nhẹ, mạnh mẽ và phổ biến được cung cấp bởi Microsoft. Nó có sẵn trên Windows, macOS và Linux

Các tính năng bao gồm

  • IntelliSense. hỗ trợ tô sáng cú pháp, hoàn thành mã tự động, đoạn trích, tái cấu trúc, v.v.
  • gỡ lỗi. với các điểm dừng, ngăn xếp cuộc gọi và bảng điều khiển tương tác
  • Hỗ trợ Git (Kiểm soát phiên bản nguồn) tích hợp
  • Có thể mở rộng (thông qua tiện ích mở rộng) và có thể tùy chỉnh. Có rất nhiều tiện ích mở rộng trên thị trường tiện ích mở rộng
  • Với Microsoft Azure (đám mây), bạn có thể triển khai và lưu trữ các trang web React, Angular, Vue, Node, Python của mình

VS Code hỗ trợ JavaScript, Python, Java, C/C++, JSON, HTML/CSS, C#, PHP, YAML và nhiều ngôn ngữ khác

VS Code là một Visual Studio IDE (?) nhẹ

Cài đặt và Bắt đầu

Truy cập trang mẹ VS Code (@ https. //mã số. Visual Studio. com/). Tải xuống trình cài đặt cho hệ điều hành của bạn. Tôi khuyên dùng phiên bản ZIP, bạn có thể chỉ cần giải nén vào bất kỳ thư mục nào và xóa toàn bộ thư mục nếu không còn cần thiết

Để bắt đầu, hãy đọc hoặc xem video trong phần "Tài liệu"

Mã VS cho Java

Đọc "Bắt đầu với Java trong Mã VS" @ https. //mã số. Visual Studio. com/docs/java/java-tutorial

Để biết thông tin của bạn, 15 IDE Java tốt nhất năm 2022 do guru99 chọn là. Eclipse, Tabnine, IntelliJ IDEA, BlueJ, MyEclipse, Xcode, Apache NetBeans, jGRASP, Codata, Codenvy, Slickedit, JBoss Forge, JDeveloper, JEdit,

Cài đặt và Bắt đầu

Cài đặt

Bạn cần cài đặt

  1. JDK. Xem "JDK - Cách thực hiện";
  2. Tiện ích mở rộng Mã VS "Gói tiện ích mở rộng cho Java" (gói tiện ích mở rộng là một bộ tiện ích mở rộng), cung cấp Java IntelliSense, gỡ lỗi, kiểm tra đơn vị, hỗ trợ Maven/Gradle, quản lý dự án, tích hợp với các khung như Tomcat, Jetty và Spring Boot (

Mở Bảng lệnh, nhập "Java. Tổng quan" để đọc hướng dẫn bắt đầu nhanh về Java

Bắt đầu

Để bắt đầu lập trình Java (Tôi cho rằng bạn có một số kiến ​​thức cơ bản về lập trình và Java)

  1. Thiết lập không gian làm việc. Tạo một thư mục, nói "VSCodeJavaTest". Mã VS đi theo thư mục (và thư mục con và tệp), thay vì dự án hoặc không gian làm việc
    Khởi chạy Mã VS ⇒ Chọn menu "Tệp" ⇒ "Mở thư mục. " ⇒ Chọn thư mục trên (làm không gian làm việc cho dự án của bạn)
  2. Tạo một lớp học mới. Trỏ chuột vào tên dự án ⇒ Nhấp vào biểu tượng "Tệp mới" ⇒ Nhập "Xin chào. java" ⇒ Một tệp mới xuất hiện trên khung soạn thảo
  3. Viết lời chào. Trong khung soạn thảo, nhập chương trình Java hello-world như sau. Bạn có thể dùng thử IntelliSense và các đoạn mã
    1. Nhập "lớp" và cuộn xuống mục thứ 2 có biểu tượng hộp, cho biết đoạn mã. Chọn đoạn mã này. IntelliSense của VS Code sẽ mở rộng sang định nghĩa lớp
    2. Nhập "chính" và chọn đoạn mã (có biểu tượng hộp). Mã VS sẽ mở rộng sang phương thức
      PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
      PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
      ......
      PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
      ......
      4
    3. Nhập "sysout" và chọn đoạn mã. Mã VS sẽ mở rộng thành
      PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
      PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
      ......
      PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
      ......
      5. Nhập một số mã.
      /**
       * Hello
       */
      public class Hello {
          public static void main(String[] args) {
            int i = 8899;
            String msg = "hello, ";
            System.out.println("hello, world");
            System.out.println("hello, again");
            System.out.println(msg + i);
         }
      }
  4. Chạy chương trình
    1. Nhấn nút "Chạy" phía trên phương thức
      PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
      PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
      ......
      PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
      ......
      4. Bạn có thể kiểm tra đầu ra trên khung "Terminal" ở phía dưới
    2. Bạn cũng có thể chạy chương trình của mình bằng cách nhập các lệnh của riêng bạn trong "Terminal" (Trong windows, Powershell theo mặc định - nhưng bạn cũng có thể chuyển sang CMD quen thuộc), e. g. ,
      PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
      PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
      ......
      PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
      ......
  5. Gỡ lỗi chương trình. Để gỡ lỗi chương trình, trước tiên hãy đặt điểm ngắt bằng cách nhấp vào lề trái của câu lệnh đã chọn (một chấm đỏ bẩn xuất hiện). Nhấn nút "Gỡ lỗi" phía trên phương thức
    PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
    PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
    ......
    PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
    ......
    4. Sau đó, bạn có thể "Bước qua" (hoặc "Tiếp tục" hoặc "Dừng" hoặc "Bước vào" hoặc "Bước ra") qua các nút trên thanh công cụ bật lên. Bạn có thể kiểm tra đầu ra tại khung "Terminal";

Kiểm tra đơn vị qua JUnit hoặc TestNG

Đọc "Kiểm tra Java bằng Mã VS" @ https. //mã số. Visual Studio. com/docs/java/thử nghiệm java

Bạn cần cài đặt tiện ích mở rộng "Test Runner for Java", hỗ trợ JUnit 4, JUnit 5 và TestNG

[LÀM]

Công cụ xây dựng Java. Maven và Gradle

[LÀM]

Làm việc với Java Framework. Khởi động mùa xuân, Tomcat và Cầu tàu

[LÀM]

Các mẹo và thủ thuật

Điều hướng Biểu tượng và Tìm kiếm Biểu tượng

Nhấp chuột phải vào một biểu tượng, bạn có thể chọn

  • Chuyển đến Định nghĩa (F12 hoặc Fn-F12), Chuyển đến Nhập Định nghĩa
  • Chuyển đến Triển khai, Chuyển đến Tài liệu tham khảo
  • Chuyển đến Siêu triển khai
  • Peek ⇒ Định nghĩa Peek (Alt-F12). Để xem nhanh định nghĩa ký hiệu mà không cần mở tệp đích
  • Peek ⇒ Thứ bậc cuộc gọi Peek. Hiển thị phân cấp cuộc gọi phương thức

Tìm kiếm biểu tượng

  • Để tìm kiếm một biểu tượng trong không gian làm việc, hãy nhấn Ctrl-T và nhập tên sau dấu nhắc #. Bạn cũng có thể sử dụng Ctrl-P (Mở nhanh) và nhập # theo sau là tên biểu tượng
  • Để tìm kiếm một biểu tượng trong tệp hiện tại, hãy nhấn Ctrl-P (Mở nhanh) và nhập @ theo sau là tên biểu tượng
tái cấu trúc

Đọc "Bắt đầu với Java trong Mã VS" ⇒ "Tái cấu trúc"

trình định dạng

Bạn có thể sử dụng "Định dạng tài liệu" để định dạng mã Java của mình

Để chỉnh sửa cài đặt trình định dạng. chọn lệnh "Java. Mở Cài đặt định dạng Java với Bản xem trước"

Thay đổi thụt lề (Tab/Dấu cách)

Chuyển đến "Tùy chọn" ⇒ "Cài đặt" ⇒ Chọn "Người dùng" hoặc "Không gian làm việc" ⇒ Đặt "Trình chỉnh sửa. Kích thước tab" và "Trình chỉnh sửa. Chèn dấu cách" thuộc tính

Đối với cài đặt cụ thể "Ngôn ngữ". Vào lệnh paletter, nhập "Preferences. Cấu hình cài đặt ngôn ngữ cụ thể" ⇒ Chọn ngôn ngữ của bạn (e. g. ,

PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
......
PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
......
8) ⇒ Đặt "Trình chỉnh sửa. Kích thước tab" và "Trình chỉnh sửa. Chèn dấu cách" thuộc tính

SonarLint

Tiện ích mở rộng "SonarLint" cho phép bạn phát hiện lỗi và lỗ hổng khi bạn viết mã. Tiện ích mở rộng chạy trong nền và làm nổi bật mã nguồn gây lo ngại về chất lượng hoặc bảo mật

kiểu kiểm tra

Tiện ích mở rộng "Kiểu kiểm tra cho Java", cho phép bạn kiểm tra kiểu bằng Kiểm tra của Google hoặc Sun hoặc các tệp tùy chỉnh

Nó hỗ trợ "linting trực tiếp" và "kiểm tra hàng loạt"

Nhãn và tên tham số (x. , một. )

Trong Mã VS sau này, bạn thấy ____________9 ở phía trước chuỗi, đây không phải là mã thực thi mà là nhãn. Điều này thực sự đáng lo ngại. Để tắt nhãn, hãy thêm tùy chọn này vào tệp

"editor.inlayHints.enabled": false
0 của bạn

"editor.inlayHints.enabled": false

Vị trí của

"editor.inlayHints.enabled": false
0 là

  1. các cửa sổ.
    "editor.inlayHints.enabled": false
    
    2. (Trên "cmd", nhập "
    "editor.inlayHints.enabled": false
    
    3" để tìm thư mục của nó. )
  2. hệ điều hành Mac.
    "editor.inlayHints.enabled": false
    
    4
  3. Linux.
    "editor.inlayHints.enabled": false
    
    5

Mã VS cho HTML/CSS/JavaScript/Nút. js

JavaScript chạy ở hai chế độ. (a) JavaScript phía máy khách cùng với HTML/CSS chạy bên trong trình duyệt; . công cụ js

HTML/CSS/Client-Side-JavaScript chạy bên trong Trình duyệt web

Cài đặt

Bạn cần cài đặt

  • Tiện ích mở rộng "Hỗ trợ HTML CSS", "Đoạn mã HTML",
  • Tiện ích mở rộng "Máy chủ trực tiếp". Khởi chạy Máy chủ cục bộ đang phát triển với tính năng tải lại trực tiếp cho các trang tĩnh và động. Để khởi chạy, hãy nhấp vào "Phát trực tiếp" trên thanh trạng thái. Nhấp một lần nữa để đóng máy chủ
Bắt đầu

Để bắt đầu với HTML/CSS/Client-Side-JavaScript

  1. Thiết lập không gian làm việc. Tạo một thư mục, nói "VSCodeJSTest". Mã VS đi theo thư mục (và các thư mục con và tệp), thay vì dự án hoặc không gian làm việc
    Khởi chạy Mã VS ⇒ Tệp ⇒ Mở thư mục. ⇒ Chọn thư mục dự án trên
  2. Tạo tập lệnh mới. Trỏ chuột vào tên dự án ⇒ Nhấp vào biểu tượng "Tệp mới" ⇒ Nhập "Xin chào. html" ⇒ Một tệp mới xuất hiện trên khung soạn thảo
  3. Viết lời chào thế giới. Nhập mã sau, bao gồm HTML, CSS và JavaScript. Hãy dùng thử IntelliSense và Đoạn trích, e. g. , nhập
    "editor.inlayHints.enabled": false
    
    6 và chọn đoạn trích (có biểu tượng hộp) để mở rộng thành
    "editor.inlayHints.enabled": false
    
    7,
    
    
    
      
      HTML Testing
      
      
    
    
      hello, world
      

    hello world again and again and again.

  4. Chạy tập lệnh
    1. Nhấp vào "Phát trực tiếp" trên thanh trạng thái để hiển thị trên trình duyệt (thông qua tiện ích mở rộng Máy chủ trực tiếp). Mọi thay đổi đối với tệp sẽ được tải lại trực tiếp. Nhấp lại để ngắt kết nối
    2. Ngoài ra, Bạn có thể sử dụng trình duyệt web để mở. tệp html. Tuy nhiên bạn cần refresh (F5) lại trang để nhận thay đổi
  5. Gỡ lỗi chương trình. Sử dụng F12 Debugger của trình duyệt

JavaScript độc lập (hoặc phía máy chủ) chạy trong nút. js

Cài đặt

Bạn cần cài đặt

  1. Nút. js, cung cấp một công cụ JavaScript để chạy chương trình JavaScript độc lập
Bắt đầu

Để bắt đầu với các chương trình JavaScript độc lập

  1. Thiết lập không gian làm việc. Tạo một thư mục, nói "VSCodeJSTest". Mã VS đi theo thư mục (và các thư mục con và tệp), thay vì dự án hoặc không gian làm việc
    Khởi chạy Mã VS ⇒ Tệp ⇒ Mở thư mục. ⇒ Chọn thư mục dự án trên
  2. Tạo tập lệnh mới. Trỏ chuột vào tên dự án ⇒ Nhấp vào biểu tượng "Tệp mới" ⇒ Nhập "
    "editor.inlayHints.enabled": false
    
    8" ⇒ Một tệp mới xuất hiện trên khung soạn thảo
  3. Viết lời chào thế giới. Nhập chương trình JavaScript sau. Hãy dùng thử IntelliSense và các đoạn mã, e. g. , bạn có thể nhập "
    "editor.inlayHints.enabled": false
    
    9" và chọn đoạn trích (có biểu tượng hộp) để mở rộng thành
    
    
    
      
      HTML Testing
      
      
    
    
      hello, world
      

    hello world again and again and again.

    0.
    var i = 5566;
    var msg = "hello";
    console.log("hello, world");
    console.log("hello, again");
    console.log("hello, again and again");
    console.log(msg, i);
  4. Chạy chương trình
    1. Chọn menu "Run" ⇒ "Run Without Debugging" (hoặc Ctrl-F5) ⇒ Chọn môi trường "Node. js" (nếu được nhắc). Bạn có thể tìm thấy đầu ra trong ngăn "Bảng điều khiển gỡ lỗi"
    2. Bạn cũng có thể chạy chương trình của mình bằng cách đưa ra các lệnh của riêng mình trong "Terminal". Chuyển đến "Terminal", nhập "
      
      
      
        
        HTML Testing
        
        
      
      
        hello, world
        

      hello world again and again and again.

      1"
  5. Gỡ lỗi chương trình. Để gỡ lỗi chương trình, trước tiên hãy đặt điểm ngắt bằng cách nhấp vào lề trái của câu lệnh đã chọn (một chấm đỏ bẩn xuất hiện). Chọn menu "Chạy" ⇒ "Bắt đầu gỡ lỗi" (hoặc F5) ⇒ Chọn môi trường "Nút. js" (nếu được nhắc). Sau đó, bạn có thể "Bước qua" (hoặc "Tiếp tục" hoặc "Dừng" hoặc "Bước vào" hoặc "Bước ra") qua các nút trên thanh công cụ bật lên. Bạn có thể kiểm tra đầu ra tại ngăn "Bảng điều khiển gỡ lỗi";

Ứng dụng Express

Thẩm quyền giải quyết. https. //mã số. Visual Studio. com/docs/nodejs/nodejs-tutorial

Express là một Node rất phổ biến. khung ứng dụng js. Bạn có thể tạo ứng dụng Express mới bằng "Công cụ tạo Express". Bạn có thể cài đặt qua npm (Node Package Manager) như sau

npm install -g express-generator
   // -g for global (all users)

Để tạo giàn giáo ứng dụng Express

cd /path/to/project-folder
   // change directory to your project directory
express myExpressApp --view pug
   // Generate a new Express app
   // --view pug: to use pug template engine (pug is an HTML template preprocessor)
cd myExpressApp
npm install
   // install the dependencies
SET DEBUG=myexpressapp:* & npm start
   // run the app

Bạn có thể truy cập máy chủ bằng cách cấp URL http. //máy chủ cục bộ. 3000 từ trình duyệt web

Dừng máy chủ bằng cách nhấn Ctrl-C

Mã VS cho C/C++

Đọc "Mã VS C++" @ https. //mã số. Visual Studio. com/docs/cpp/introvideos-cpp

Để biết thông tin của bạn, 15 IDE/Source-Code-Editor C++ Miễn phí tốt nhất năm 2022 do guru99 chọn là. Trình tạo C++, Tabnine, Visual Studio Code, Eclipse, Codelite, Atom, CLion, Emacs, NotePad++, Netbeans, Codeblocks, Cevelop, Kdevelop, SlickEdit, Graviton

Cài đặt và Bắt đầu

Cài đặt

Bạn cần cài đặt

  1. Tiện ích mở rộng mã VS "Gói mở rộng C/C++" (gói tiện ích mở rộng là một bộ tiện ích mở rộng)
  2. trình biên dịch GCC. Để kiểm tra xem bạn có trình biên dịch C/C++ hay không, hãy đưa ra các lệnh sau.
    gcc --version    // C compiler
    ......
    g++ --version    // C++ compiler
    ......
    gdb --version    // C/C++ debugger
    Đối với macOS và linux, Trình biên dịch C/C++ GCC được cài đặt sẵn
    Đối với Windows, bạn có thể cài đặt Trình biên dịch C/C++ Cygwin64 hoặc MinGW-w64 (hoặc MSVC - Trình biên dịch Microsoft Visual C/C++)
Bắt đầu
  1. Thiết lập không gian làm việc. Tạo một thư mục, nói "VSCodeCTest". Mã VS đi theo thư mục (và các thư mục con và tệp), thay vì dự án hoặc không gian làm việc. Khởi chạy Mã VS ⇒ "Tệp" ⇒ "Mở thư mục. " ⇒ Chọn thư mục dự án
  2. Tạo một chương trình mới. Trỏ chuột vào tên dự án ⇒ Nhấp vào biểu tượng "Tệp mới" ⇒ Nhập "Xin chào. c" hoặc "Xin chào. cpp" ⇒ Một tệp mới xuất hiện trên khung soạn thảo
  3. Viết chương trình Hello world. Nhập các mã sau. Bạn có thể gõ "
    
    
    
      
      HTML Testing
      
      
    
    
      hello, world
      

    hello world again and again and again.

    2" và chọn đoạn trích (có biểu tượng hộp) để mở rộng thành hàm
    PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
    PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
    ......
    PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
    ......
    4.
    // Hello.c
    #include 
    
    int main()
    {
        printf("hello world from C\n");
        printf("hello world again\n");
        return 0;
    }
    // Hello.cpp
    #include 
    using namespace std;
    int main() {
       cout << "hello world from C++" << endl;
       cout << "hello world again" << endl;
       return 0;
    }
  4. Xây dựng (Biên dịch & Liên kết) và Chạy qua Terminal. Goto "Terminal" và đưa ra các lệnh này.
    PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
    PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
    ......
    PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
    ......
    0
  5. Build, Run và Debug chương trình thông qua "C/C++ Runner Extension"
    Rất khó để cấu hình Ctnl-F5 và F5 để chạy và gỡ lỗi chương trình C/C++ của bạn. Thay vào đó, tôi cài đặt "Phần mở rộng trình chạy C/C++", cung cấp menu của nó trên thanh trạng thái (ở cuối màn hình)
    • Đầu tiên, chọn thư mục dự án
    • Xây dựng. Nhấp vào nút "Xây dựng" để xây dựng chương trình
    • Chạy. Nhấp vào nút "Chạy" để chạy chương trình (không gỡ lỗi)
    • gỡ lỗi. Đặt điểm dừng trong chương trình của bạn và nhấp vào nút "Gỡ lỗi". Sau đó, bạn có thể sử dụng thanh công cụ bật lên để "Bước qua" (hoặc "Tiếp tục" hoặc "Dừng" hoặc "Bước vào" hoặc "Bước ra") các mã
    [ĐỂ KIỂM TRA] Không chắc liệu bạn có cần tạo thư mục mới cho mỗi ứng dụng C/C++ hay không (
    PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
    PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
    ......
    PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
    ......
    4). Ngoài ra, hãy kiểm tra xem C/C++ Runner thực hiện các cấu hình như thế nào;

Các mẹo và thủ thuật

Lỗi. Đã phát hiện lỗi #include, vui lòng cập nhật đường dẫn bao gồm của bạn

Thông báo lỗi này được đưa ra bởi IntelliSense để hỗ trợ cú pháp. Bạn vẫn có thể biên dịch và chạy chương trình của mình thông qua Terminal

Để khắc phục lỗi này. Chọn "Chỉnh sửa cài đặt Đường dẫn bao gồm" ⇒ Trong Cấu hình IntelliSense ⇒ Đường dẫn bao gồm ⇒ Thêm các đường dẫn bao gồm bên dưới "




  
  HTML Testing
  
  


  hello, world
  

hello world again and again and again.

5" (dành cho Cygwin64 của Windows)

PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
......
PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
......
1

Kiểm tra thư mục "




  
  HTML Testing
  
  


  hello, world
  

hello world again and again and again.

6" trong thư mục "



  
  HTML Testing
  
  


  hello, world
  

hello world again and again and again.

7"

gỡ lỗi

Thiết lập trình gỡ lỗi cho môi trường lập trình của bạn và có thể gỡ lỗi chương trình là kỹ năng quan trọng NHẤT đối với một lập trình viên

Cấu hình gỡ lỗi (



  
  HTML Testing
  
  


  hello, world
  

hello world again and again and again.

8)

[LÀM]

Bảng gỡ lỗi

Các bảng sau xuất hiện trong chế độ gỡ lỗi

  • Biến
  • Xem
  • ngăn xếp cuộc gọi
  • Tập lệnh đã tải
  • Điểm dừng
  • Bảng điều khiển gỡ lỗi
Hành động của thanh công cụ gỡ lỗi
  • Tiếp tục. Tiếp tục cho đến điểm ngắt tiếp theo hoặc kết thúc chương trình
  • Bước qua. Bước qua một cuộc gọi chức năng, tôi. e, chức năng chạy trong một bước
  • Bước Vào/Bước Ra. Bước vào hoặc bước ra (quay lại) của một lời gọi hàm
  • Khởi động lại. Khởi động lại chương trình
  • Dừng lại. chấm dứt chương trình
  • Thay thế mã nóng. áp dụng thay đổi mã mà không cần khởi động lại chương trình đang chạy

Kiểm soát phiên bản nguồn qua Git

Mã VS có Git được nhúng để kiểm soát phiên bản nguồn. Git ghi lại tất cả các thay đổi của bạn vào một tệp theo thời gian;

Khởi tạo kho lưu trữ Git
PS C:\xxx\VSCodeJavaTest> javac Hello.java    // Compile Java program
PS C:\xxx\VSCodeJavaTest> java Hello          // Run the compiled class file
......
PS C:\xxx\VSCodeJavaTest> java Hello.java     // Compile and run Java source file
......
2

Chọn menu "Xem" ⇒ "Kiểm soát nguồn". Đẩy "Khởi tạo kho lưu trữ"




  
  HTML Testing
  
  


  hello, world
  

hello world again and again and again.

9. [LÀM]

Tạo chi nhánh

[LÀM]

Các mẹo và thủ thuật

IntelliSense. Đây là tính năng chỉnh sửa quan trọng nhất, có thể cải thiện năng suất của bạn gấp nhiều lần. Nó bao gồm tự động hoàn thành mã, tài liệu, mẫu, đánh dấu cú pháp, v.v. Bạn cần phải thử nó ra

Bảng lệnh. Bảng lệnh là một trong những tính năng lạ/sáng tạo nhất trong VS Code. Bạn có thể nhập bất kỳ lệnh nào thay vì sử dụng menu hoặc thanh công cụ. Chuyển đến menu "Chế độ xem" ⇒ "Bảng lệnh"

Phóng to/thu nhỏ (Ctrl-+ và Ctrl--)

Tự động lưu. Bạn có thể tự động lưu các tệp đã chỉnh sửa của mình bằng cách bật "tự động lưu", bằng cách chọn menu "Tệp" ⇒ "Lưu tự động". Tôi thấy không có lý do tại sao bạn không nên kích hoạt tự động lưu

Định dạng nguồn. Nhấp chuột phải vào tệp ⇒ Định dạng Tài liệu (Shift-Alt-F)
Bạn cũng nên bật các cài đặt tùy chọn trình chỉnh sửa này. "biên tập viên. format on type" (trình soạn thảo tự động định dạng dòng sau khi gõ), "trình soạn thảo. định dạng khi dán" (trình chỉnh sửa tự động định dạng nội dung dán)
Để thực hiện việc này, hãy chuyển đến menu "Tệp" ⇒ "Tùy chọn" ⇒ "Cài đặt" ⇒ Nhập "định dạng trên loại" ⇒ kiểm tra "Trình chỉnh sửa. Định dạng trên Type"

Chọn cột. Chọn menu "Chỉnh sửa" ⇒ "Chế độ chọn cột" để chuyển chế độ chọn cột

Đổi tên (Refactor) biến. Chọn biến ⇒ click chuột phải ⇒ Rename Symbol (F2) ⇒ gõ tên mới. Tất cả các lần xuất hiện của biến này sẽ được đổi tên

Thụt lề (Dấu cách/Tab). Đối với các chương trình Java của tôi, tôi thích thụt lề 3 dấu cách (với dấu cách thay vì tab). Nhấp vào "dấu cách. 4" trên thanh trạng thái, chọn lệnh "Thụt lề bằng dấu cách" và "3". Sau đó, bạn có thể định dạng lại mã nguồn qua F2

Mở nhanh (Ctrl-P). Để bạn mở nhanh một hoặc nhiều tệp

Nhiều con trỏ (Alt-Click). Bạn có thể thêm con trỏ bổ sung thông qua Alt-click. Bạn cũng có thể thêm các con trỏ bổ sung của tất cả các lựa chọn hiện tại thông qua Shift-Ctrl-L. Ví dụ: thực hiện "Tìm (Ctrl-F)" trên một từ nhất định, xóa menu Tìm và Shift-Ctrl-L

Studio có hỗ trợ HTML không?

Visual Studio cung cấp trình chỉnh sửa HTML, CSS, JavaScript và JSON mạnh mẽ . Khai thác sức mạnh của LESS 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 đều đượ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.

Tại sao Mã VS không hoạt động trong HTML?

Đôi khi, điều tốt nhất bạn có thể làm là bắt đầu VSCode từ đầu . Đầu tiên, lưu tất cả công việc của bạn. Sau đó, đóng VSCode, điều này cũng sẽ dừng tất cả các tiện ích mở rộng bạn đã cài đặt. Sau đó, mở lại VSCode và thử lại – chuyển đến tệp HTML bạn muốn xem, nhấp chuột phải và chọn "Mở bằng Máy chủ Trực tiếp".

Làm cách nào để mở tệp HTML trong máy chủ trực tiếp trong Visual Studio Code?

Mở tệp HTML và nhấp chuột phải vào trình chỉnh sửa và nhấp vào Mở bằng máy chủ trực tiếp . Mở Bảng lệnh bằng cách nhấn F1 hoặc ctrl+shift+P và nhập Live Server. Mở bằng Máy chủ Trực tiếp để khởi động máy chủ hoặc nhập Máy chủ Trực tiếp. Dừng máy chủ trực tiếp để dừng máy chủ.