VSCode 外掛 Plugin

PreviousVS code 編輯器 NextCI with Gitlab&Jenkins

Last updated 2 years ago

Was this helpful?

VSCode 外掛 Plugin

1.Preview on Web Server yuichinukiyama

方便在VSCode 上查看網頁。

開啟 html 後點選 ctrl+shift+v

2. GitLens

查看相關 GIt 記錄，並且會直接顯示在行旁邊。

3. Hex Editor

方便查看 binary 的檔案

4. Path Intellisense

輸入路徑時會自動建議

5. Vscode Google Translate

選取後快速翻譯，點選 plugin setting 設定要翻譯哪個語言

選擇字後按 shift+option+t

6. Remote ssh

編輯 .ssh/config 檔案後會自動出現在列表中

7. 使用瀏覽器 ssh 進機器並且為 VSCode 介面

Github: https://github.com/coder/code-server

Docker hub: https://hub.docker.com/r/codercom/code-server

docker-compose 範例：

version: "2.1"
services:
  code-server:
    image: codercom/code-server:latest
    container_name: code-server
    user: root
    environment:
      - PASSWORD=password #optional
      - HASHED_PASSWORD= #optional
      - SUDO_PASSWORD=password #optional
      - SUDO_PASSWORD_HASH= #optional
    volumes:
      - ~/.config:/config
      - ~/project:/home/user/project
    ports:
      - 8080:8080
    restart: unless-stopped

其他 environment config 可參考：

8. VsCode MongoDB playground

類似 mongoDB compass, 並且可以在上面快速的更新資料，與使用 playground 測試 query

9. VsCode 進入 Docker

選擇 Containers 之後下面選一個 container，點選 Attach to container ，即可進入該 docker ，快速方便的改 container 內檔案

https://code.visualstudio.com/blogs/2019/10/31/inspecting-containers

PreviousVS code 編輯器 NextCI with Gitlab&Jenkins

Last updated 2 years ago

Was this helpful?