<style>
.likecoin-button {
position: relative;
width: 100%;
max-width: 485px;
max-height: 240px;
margin: 0 auto;
}
.likecoin-button > div {
padding-top: 49.48454%;
}
.likecoin-button > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>

今年 COSCUP 的 MySQL 議程軌當中，[介紹](https://coscup.org/2023/zh-TW/session/C3CYHE)了一個可以在 VS Code 內直接操作 MySQL 資料庫的外掛：[MySQL Shell for VS Code](https://marketplace.visualstudio.com/items?itemName=Oracle.mysql-shell-for-vs-code)。

我在使用過後非常驚豔，這個可以取代 Workbench，以後不用開兩個視窗切換來切換去了。

## 如何安裝

直接在VS Code 的外掛 Marketplace 安裝就好。


**PREVIEW**：據講者說明，這個外掛一年多前就推出了，目前已經實現 Workbench 的大部分功能，預計目標是完全取代 Workbench 後，就可以變成正式版了。所以不用看到 PREVIEW 就不敢用，直接裝下去就對了。

## 使用方式

裝完後會自動跳出歡迎視窗，首先會要求安裝憑證，照步驟同意就好。

接下來是主畫面：


中央視窗會有目前已經建立好的資料庫連線，如果是剛進來應該會是空的，點「New Connection」就可以新建一個連線。


以本地資料庫為例，Database Type 選擇 MySQL，Caption 自己取名，Description 也是自己填寫說明，Basic 欄位直接確認及填寫 Port, User Name 及 Password。

建立完成後回到主畫面，直接點選剛剛建立的連線即可。


連線完成後，主畫面會跳出分頁，預設為 DB Notebook，這裡就和 Workbench 一樣，可以輸入 SQL 指令來進行操作。

左邊導覽列最上方的 OPEN EDITORS，可以叫出曾經使用過的外掛分頁，如 DB Notebook 分頁、資料表分頁等。

第二欄則是 DATABASE CONNECTIONS，列出該連線底下的所有資料表結構，可以對該資料表按右鍵直接確認及檢視資料。

下面兩欄涉及 Orcale Cloud 以及進階操作，有需要可以自行探索。

本次介紹結束，歡迎按讚。

<div class="likecoin-embed likecoin-button">
<div></div>
<iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/taiwania/button?referrer=hackmd.io"></iframe>
</div>