Terus Technology
  • NEW!
    NEW!  Connect Ideas Across Notes
    Save time and share insights. With Paragraph Citation, you can quote others’ work with source info built in. If someone cites your note, you’ll see a card showing where it’s used—bringing notes closer together.
    Got it
      • Create new note
      • Create a note from template
        • Sharing URL Link copied
        • /edit
        • View mode
          • Edit mode
          • View mode
          • Book mode
          • Slide mode
          Edit mode View mode Book mode Slide mode
        • Customize slides
        • Note Permission
        • Read
          • Only me
          • Signed-in users
          • Everyone
          Only me Signed-in users Everyone
        • Write
          • Only me
          • Signed-in users
          • Everyone
          Only me Signed-in users Everyone
        • Engagement control Commenting, Suggest edit, Emoji Reply
      • Invite by email
        Invitee

        This note has no invitees

      • Publish Note

        Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note No publishing access yet

        Your note will be visible on your profile and discoverable by anyone.
        Your note is now live.
        This note is visible on your profile and discoverable online.
        Everyone on the web can find and read all notes of this public team.

        Your account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

        Your team account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

        Explore these features while you wait
        Complete general settings
        Bookmark and like published notes
        Write a few more notes
        Complete general settings
        Write a few more notes
        See published notes
        Unpublish note
        Please check the box to agree to the Community Guidelines.
        View profile
      • Commenting
        Permission
        Disabled Forbidden Owners Signed-in users Everyone
      • Enable
      • Permission
        • Forbidden
        • Owners
        • Signed-in users
        • Everyone
      • Suggest edit
        Permission
        Disabled Forbidden Owners Signed-in users Everyone
      • Enable
      • Permission
        • Forbidden
        • Owners
        • Signed-in users
      • Emoji Reply
      • Enable
      • Versions and GitHub Sync
      • Note settings
      • Note Insights New
      • Engagement control
      • Make a copy
      • Transfer ownership
      • Delete this note
      • Save as template
      • Insert from template
      • Import from
        • Dropbox
        • Google Drive
        • Gist
        • Clipboard
      • Export to
        • Dropbox
        • Google Drive
        • Gist
      • Download
        • Markdown
        • HTML
        • Raw HTML
    Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
    Create Create new note Create a note from template
    Menu
    Options
    Engagement control Make a copy Transfer ownership Delete this note
    Import from
    Dropbox Google Drive Gist Clipboard
    Export to
    Dropbox Google Drive Gist
    Download
    Markdown HTML Raw HTML
    Back
    Sharing URL Link copied
    /edit
    View mode
    • Edit mode
    • View mode
    • Book mode
    • Slide mode
    Edit mode View mode Book mode Slide mode
    Customize slides
    Note Permission
    Read
    Only me
    • Only me
    • Signed-in users
    • Everyone
    Only me Signed-in users Everyone
    Write
    Only me
    • Only me
    • Signed-in users
    • Everyone
    Only me Signed-in users Everyone
    Engagement control Commenting, Suggest edit, Emoji Reply
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note No publishing access yet

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.

    Your account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

    Your team account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

    Explore these features while you wait
    Complete general settings
    Bookmark and like published notes
    Write a few more notes
    Complete general settings
    Write a few more notes
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    Visual Studio Code, trình soạn thảo mã nguồn mã nguồn mở được yêu thích hàng đầu, đã nhanh chóng trở thành công cụ không thể thiếu của các lập trình viên.  Với tốc độ xử lý nhanh, khả năng tương thích đa nền tảng và kho extension phong phú, Visual Studio Code mang đến trải nghiệm lập trình mượt mà và hiệu quả. Bài viết này [**Terus**](https://terusvn.com/) sẽ đưa ra cho bạn những thông tin liên quan về Visual Studio Code. I. Visual Studio Code là gì? ---------------------------- [**Visual Studio Code**](https://terusvn.com/visual-studio-code/) **(VS Code) là một trình soạn thảo mã nguồn mạnh mẽ, linh hoạt và miễn phí, hỗ trợ đa nền tảng.** Với VS Code, các lập trình viên có thể dễ dàng tạo ra và chỉnh sửa mã code trên các [**hệ điều hành**](https://terusvn.com/he-dieu-hanh-la-gi/) Windows, macOS và Linux.  Nhờ giao diện thân thiện và các tính năng thông minh như tự hoàn thành mã, tìm kiếm và thay thế, VS Code giúp tăng năng suất làm việc đáng kể. Dù mới được phát hành nhưng VSCode là một trong những Code Editor mạnh mẽ và phổ biến nhất dành cho lập trình viên. Nhờ hỗ trợ nhiều ngôn ngữ lập trình phổ biến, tích hợp đầy đủ các tính năng và khả năng mở rộng, nên VSCode trở nên cực kì thân thuộc với bất kì lập trình viên nào. ### Điểm nổi trội của VS Code Visual Studio Code - một trong những trình soạn thảo mã nguồn được cộng đồng lập trình viên vô cùng yêu thích. Với những cải tiến không ngừng và đa dạng tiện ích đi kèm, Visual Studio Code đã trở thành công cụ đắc lực hỗ trợ quá trình làm việc của các developer. * Hỗ trợ đa dạng các ngôn ngữ lập trình hỗ trợ tối đa cho người dùng như [**HTML**](https://en.wikipedia.org/wiki/HTML), [**CSS**](https://en.wikipedia.org/wiki/CSS), [**JavaScript**](https://en.wikipedia.org/wiki/JavaScript), Nodejs, AngularJs, [**C++**](https://terusvn.com/cpp-la-gi/),… * Giao diện đơn giản cho các người dùng sử dụng tùy chỉnh theo mong muốn và cá nhân hóa.  * Có rất nhiều tiện ích bên trong giúp hỗ trợ cho việc code của bạn thuận tiện hơn.  * Với việc tích hợp công cụ debug tiên tiến, giúp tăng tốc đáng kể quá trình xử lý vòng lặp, mang lại hiệu suất làm việc vượt trội và tiết kiệm thời gian cho người dùng. * Dễ dàng quản lý hệ thống code Visual Studio Code nhanh chóng trở thành một trong những trình biên tập mã nguồn được ưa chuộng nhất hiện nay. Với giao diện thân thiện và nhiều tính năng hữu ích, VS Code đáp ứng tốt nhu cầu của đa số lập trình viên, đặc biệt là những người mới bắt đầu. II. Cách Phân biệt Visual Studio Code và Visual Studio ------------------------------------------------------ Để dễ phân biệt sự khác biệt giữa Visual Studio Code và Visual Studio, tôi sẽ cung cấp cho bạn một bảng so sánh. **Visual Studio CodeVisual StudioLoại hình**Trình soạn thảo mã (code editor)Môi trường phát triển tích hợp ([**IDE**](https://en.wikipedia.org/wiki/Integrated_development_environment))**Nền tảng**Đa nền tảng (Windows, macOS, Linux)Windows, Mac**Tính năng**Nhẹ nhàng, linh hoạt, tùy biến cao, hỗ trợ nhiều ngôn ngữ và pluginĐầy đủ tính năng, hỗ trợ nhiều ngôn ngữ, debug, test, các công cụ quản lý dự án**Mục đích sử dụng**Chủ yếu dùng để viết và chỉnh sửa code, thích hợp với các dự án nhỏ và trung bìnhPhù hợp với các dự án lớn, phức tạp, cần nhiều tính năng hỗ trợ**Tốc độ**Nhanh, nhẹTương đối chậm hơn**Dung lượng**Nhỏ gọnLớn hơn**Tính năng mở rộng**Rất nhiều plugin và extensionCó nhiều tính năng tích hợp sẵn**Cộng đồng**Lớn mạnh, phát triển nhanhLớn, ổn định**Giá cả**Miễn phí, mã nguồn mởCó bản miễn phí và bản trả phí III. Những tính năng vượt trội của Visual Studio Code ----------------------------------------------------- Có thể nói rằng Visual Studio Code là một trong những Code Editor phổ biến được nhiều người sử dụng, những tính năng khiến nó vượt trội như vậy bao gồm: ### 1\. Với 1 Code Editor bạn có thể lập trình hơn 100 ngôn ngữ lập trình Visual Studio Code là một trình soạn thảo mã hỗ trợ đa ngôn ngữ, bao gồm CSS, C++, C#, HTML, F# và nhiều ngôn ngữ khác. Phần mềm này giúp lập trình viên dễ dàng phát hiện và sửa lỗi trong quá trình viết mã. ### 2\. Có thể sử dụng trên nhiều nền tảng Khác biệt với các trình soạn thảo mã nguồn truyền thống, Visual Studio Code mang đến sự linh hoạt khi hoạt động mượt mà trên cả Windows, macOS và Linux, đáp ứng nhu cầu làm việc đa dạng của lập trình viên. ### 3\. Khả năng bảo mật dữ liệu tốt Visual Studio Code là một lựa chọn đáng tin cậy cho các nhà phát triển, với khả năng kết nối dễ dàng với các hệ thống quản lý phiên bản như [**Git**](https://en.wikipedia.org/wiki/Git). Điều này đảm bảo tính bảo mật và an toàn cho dữ liệu mã nguồn của bạn, đồng thời cung cấp sự linh hoạt trong quá trình làm việc. ### 4\. Có thể mở rộng tùy chỉnh Visual Studio Code mang đến sự linh hoạt cao cho lập trình viên. Ngay cả khi ngôn ngữ lập trình bạn sử dụng không có sẵn trong bộ công cụ mặc định, bạn vẫn có thể dễ dàng mở rộng khả năng của phần mềm thông qua việc cài đặt các tiện ích mở rộng. Điều này giúp bạn tùy chỉnh môi trường làm việc sao cho phù hợp nhất với nhu cầu của mình. ### 5\. Hỗ trợ viết code Visual Studio Code mang đến sự linh hoạt cao cho lập trình viên, cho phép tùy chỉnh và điều chỉnh code theo ý muốn. Trình soạn thảo thông minh này còn cung cấp các gợi ý hữu ích, giúp người dùng tiết kiệm thời gian và tăng năng suất làm việc. ### 6\. Tiện ích đầu cuối nhanh chóng  Với tính năng tích hợp thiết bị đầu cuối, Visual Studio Code giúp lập trình viên tiết kiệm thời gian và tăng năng suất làm việc bằng cách cho phép thực hiện mọi thao tác ngay trên một giao diện duy nhất. ### 7\. Đa nhiệm công việc trên cùng 1 màn hình Visual Studio Code cho phép người dùng mở và làm việc với nhiều thư mục và tập tin khác nhau cùng một lúc, tạo điều kiện thuận lợi cho việc quản lý nhiều dự án song song. ### 8\. Tích hợp sử dụng Git ngay trên VS code Visual Studio Code có tính năng giúp bạn đầy và thao tác code với Github ngay trên giao diện code, giúp đồng nhất nền tảng cho bạn. ### 9\. Intellisense Visual Studio Code nổi bật với khả năng tự động hoàn thành mã thông minh (IntelliSense). Công cụ này không chỉ gợi ý các từ khóa, hàm mà còn tự động bổ sung các đoạn mã còn thiếu, giúp lập trình viên tiết kiệm thời gian và giảm thiểu lỗi cú pháp. IV. Hướng dẫn sử dụng Visual Studio Code ---------------------------------------- ### 1\. Windows * **Bước 1:** Tìm và nhấp đúp vào file cài đặt VSCode vừa tải về. * **Bước 2:** Nhấp "Next" để bắt đầu quá trình cài đặt. * **Bước 3:** Đọc kỹ và đồng ý với các điều khoản sử dụng, sau đó nhấp "Next". * **Bước 4:** Chọn thư mục cài đặt mong muốn hoặc để mặc định, rồi nhấp "Next". * **Bước 5:** Nhấn “Install” để bắt đầu tải ### 2\. MacOS * **Bước 1:** Tìm đến file .dmg đã tải về, nhấp đúp để mở.  * **Bước 2:** Kéo biểu tượng Visual Studio Code từ cửa sổ .dmg sang thư mục Applications trên máy Mac.  * **Bước 3:** Sau khi hoàn tất, bạn có thể mở ứng dụng này để bắt đầu lập trình. ### 3\. Đối Với Linux * **Bước 1:** Hãy làm theo các bước sau: Để cài đặt Visual Studio Code trên Ubuntu, bạn cần mở terminal và thực hiện các lệnh sau: sudo apt update sudo apt install software-properties-common apt-transport-https wget wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add - sudo add-apt-repository "deb \[arch=amd64\] https://packages.microsoft.com/repos/vscode stable main" Sau đó: sudo apt update  sudo apt install code * **Bước 2:** Mở Visual Studio Code và tạo một thư mục dự án mới. * **Bước 3:** Tạo một tệp mã nguồn mới (ví dụ: index.html) và bắt đầu viết code. * **Bước 4:** Lưu lại code và chạy chương trình. ### Cách chạy mã đã viết #### Sử Dụng Công Cụ Dòng Lệnh * **Bước 4:** Lưu lại code và chạy chương trình. Để chạy mã trong VS Code, hãy làm theo các bước sau: 1. Mở Terminal tích hợp. 2. Điều hướng đến thư mục chứa mã nguồn. 3. Sử dụng lệnh phù hợp với ngôn ngữ lập trình của bạn (ví dụ: python tên\_tệp.py, node tên\_tệp.js). Cái này bạn có thể kiếm nhanh trên Google với cú pháp: Run visual studio code terminal for \[tên ngôn ngữ\] 4. Nhấn Enter để thực thi lệnh. #### Sử Dụng Tiện Ích Mở Rộng  Visual Studio Code mang đến trải nghiệm phát triển mượt mà với các tiện ích mở rộng mạnh mẽ. Chỉ với vài thao tác đơn giản, bạn có thể chạy mã Python trực tiếp hoặc khởi động máy chủ cục bộ để xem trước trang web bằng tiện ích [**Live Server**](https://www.npmjs.com/package/live-server). Việc tích hợp các công cụ hữu ích này giúp tăng năng suất làm việc đáng kể. V. Mẹo sử dụng Visual Studio Code --------------------------------- ### 1\. Tận dụng sức mạnh của Extensions VS Code trở nên mạnh mẽ hơn bao giờ hết nhờ kho extension khổng lồ. Từ việc làm đẹp code với Prettier, trực quan hóa cấu trúc code với Bracket Pair Colorizer, đến việc quản lý dự án hiệu quả với GitHub Pull Requests, các extension đáp ứng mọi nhu cầu của lập trình viên, giúp bạn tăng năng suất làm việc và viết ra những đoạn code chất lượng. ### 2\. Sử dụng phím tắc  VS Code trang bị cho bạn một kho tàng các phím tắt giúp tăng tốc độ làm việc đáng kể. Từ việc lưu file, tìm kiếm, thay thế văn bản đến điều hướng giữa các tab, chỉ với vài phím bấm, bạn có thể thực hiện mọi thao tác một cách nhanh chóng và chính xác.  Hãy khám phá ngay các phím tắt phổ biến như Ctrl+S (lưu file), Ctrl+F (tìm kiếm), Ctrl+H (thay thế) và nhiều hơn nữa để nâng cao năng suất làm việc của mình. Để liệt kê sẽ rất dài dòng bạn hãy tìm kiếm cho mình những tổ hợp phím thật sự có ích cho mình thôi, việc phải nhớ quá nhiều gây lãnh phí thời gian và không tối ưu được cho công việc. ### 3\. Kiểm tra lỗi liên tục với tính năng check lỗi VS Code cung cấp một công cụ gỡ lỗi mạnh mẽ, giúp bạn nhanh chóng tìm ra và khắc phục lỗi trong code. Chỉ với vài thao tác đơn giản như đặt breakpoint, bạn có thể kiểm soát từng bước thực thi của chương trình, theo dõi giá trị biến và dễ dàng xác định nguyên nhân gây lỗi. Các tính năng như Watch, Call Stack và Console sẽ hỗ trợ bạn một cách tối đa trong quá trình gỡ lỗi. Ngoài ra, bạn nên lưu ý rằng VS code chủ yếu sẽ giúp bạn sửa lỗi về cú pháp nhiều hơn so với logic code. Hãy tự kiểm tra flow code chạy trước khi bấm run việc này giúp bạn nhanh chóng khoanh vùng khi code xảy ra lỗi.

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password
    or
    Sign in via Google Sign in via Facebook Sign in via X(Twitter) Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    By signing in, you agree to our terms of service.

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

    Please give us some advice and help us improve HackMD.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully