教你使用VS Code的MySQL扩展管理数据库的方法


Posted in MySQL onJanuary 22, 2022

教你使用VS Code的MySQL扩展管理数据库的方法

我将在本文告诉你如何用VS Code的扩展程序管理MySQL数据库,包括连接到MySQL、新建数据库和表、修改字段定义、简单的查询方法以及导入导出。

在许多情况下,我们需要随时查看数据库的记录来确保程序是否正确执行。也有许多工具提供了可视化的界面来帮助我们实现这些功能,例如phpMyAdmin(需要安装PHP和Web服务器)、Navicat(强大的SQL管理工具,但需要商业授权),也有一些免费的工具可以使用,如Workbench、Sequel Pro、HeidiSQL等等。当然你也可以直接使用mysql控制台去完成所有工作。

但如果你正在使用VS Code来做主力开发,我还是推荐使用这上面的扩展程序来解决这些简单的需求。首先的好处是免费,在钱包有限的情况下不要做破解白嫖党;其次是功能简单,这就意味着我们不需要花精力就能掌握它的使用。

安装MySQL扩展

在VS Code的Extensions(扩展)中可以搜素到许多MySQL的管理工具,排名靠前的即可几乎都可以满足我们的简单需求。搜索MySQL会出来许多相关工具,这里我选择了开发作者为cweijan的这个扩展,当然其他的工具也可以随你喜欢去选择。我一般关注这个工具的安装量、评分和最后更新几个指标。

教你使用VS Code的MySQL扩展管理数据库的方法

安装完成后在你的VS Code界面活动栏便会出现该扩展的按钮。该扩展有中文文档,一些使用方法你可以直接从作者的文档中了解,下面我记录一些在开发中常用的MySQL操作。

添加一个MySQL连接

  • 点击选择活动栏的Database图标;
  • 在之后打开DATABASE边栏中点击Add Connection图标,打开connect编辑页;
  • 将你的连接信息填到必填项,包括Host连接地址、Port端口号、Username用户名以及Password密码;其他可选项可根据需求实际填写,例如需要显示的数据库名Showed Database(若不填则显示所有)等;
  • 最后点击Conncet连接即可完成添加。

教你使用VS Code的MySQL扩展管理数据库的方法

成功添加一个MySQL连接后,该连接便会出现在侧边栏中。默认的连接名由host@port组成,例如localhost@3306。在连接名的右侧分别是Refresh刷新图标、New Database新建数据库图标和Open Terminal打开控制台图标。

添加一个新数据库

该插件没有为我们提供添加数据库的可视化UI,但我们依然可以方便的添加一个新的数据库。

在侧边栏的MySQL连接名旁边点击New Database图标会打开一个SQL编辑页,并已经预先填好了创建新数据的语句:

CREATE DATABASE [name]
    DEFAULT CHARACTER SET = 'utf8mb4';

其中[name]为数据库的名字,请按需求填写。并为数据库设置默认字符集,一般用默认的utf8mb4就好了。最后点击编辑页面上方的Run SQL执行该语句便可以成功添加一个数据库了。

添加、修改表结构

类似的方法,展开刚建好的数据库,在Table表分组的右侧同样有几个功能按钮,分别是Refresh刷新按钮和Table按钮。

点击Table按钮打开新建表的SQL编辑页。该页同样为我们提供了新建表的SQL模板:

CREATE TABLE [name](  
    id int NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT 'Primary Key',
    create_time DATETIME COMMENT 'Create Time',
    update_time DATETIME COMMENT 'Update Time',
    [column] VARCHAR(255) COMMENT ''
) DEFAULT CHARSET UTF8 COMMENT '';

这里借用Mybatis-Plus文档的新建User表结构,新建一张保存用户数据的表。

CREATE TABLE user
(
    id BIGINT(20) NOT NULL COMMENT '主键ID',
    name VARCHAR(30) NULL DEFAULT NULL COMMENT '姓名',
    age INT(11) NULL DEFAULT NULL COMMENT '年龄',
    email VARCHAR(50) NULL DEFAULT NULL COMMENT '邮箱',
    PRIMARY KEY (id)
);

点击编辑页面上方的Run SQL执行该语句便可以成功添加一张表了,且该表会出现在Table分组下。

如果想对建好的表结构进行修改,可以直接右键该表,选择Design Table来打开表结构编辑页面。在该界面下可以修改表名、添加新的字段、修改已有字段和编辑索引。

数据表界面常用操作

单击Table分组下的表明,可以打开表的数据查看界面。该界面由3部分组成,分别是SQL语句编辑框、常用操作按钮组和数据表区域。打开数据表后默认使用图中的SQL语句展示100条数据,如果需要根据条件查询数据可以自行编辑该语句。点击绿色的Excute sql按钮可以执行该SQL语句。其他的操作如插入新数据、修改数据、删除记录和导出数据等都可以直接在界面中通过按钮和直接编辑表格进行操作。

教你使用VS Code的MySQL扩展管理数据库的方法

执行SQL操作

除了通过UI方式对表和数据进行操作,我们还可以直接使用SQL语句对数据进行任何操作。有这样几种打开SQL编辑页的方式:

  • 在侧栏的数据库名旁边点击Open Query按钮,可以直接打开一个sql编辑页面,输入SQL语句后可以通过点击右上角的Run Selected SQL来执行语句;
  • 在数据表名旁边点击Select Table SQL按钮,可以直接打开一个sql编辑页,并预置了数据查询SELECT语句,通过编辑该语句可以对数据表的数据进行查询;
  • 展开数据表名,会在边栏列出所有字段,点击一个字段名,会打开编辑该字段的sql编辑页,并预置了一条ALTER TABLE语句,通过编辑该语句可以对某列字段的属性进行修改。

导入和导出表结构和数据

在边栏的数据库名右键,会看到有几个数据导入导出的按钮:Export Data(导出数据)、Export Struct(导出表结构)和Import Sql(导入SQL)

在数据表名上右键,同样有Export Data和Export Struct功能按钮。

除了导入和导出数据,还可以生成模拟测试数据。在数据表名右键,选择Generate Mock Data会打开mock.json编辑页面,然后点击右上角的Start Generate按钮会自动在该表内根据mock.json的定义生成一些随机数据。

其他扩展遇到的坑

在选择其他MySQL扩展的过程中也遇到了一些使用问题,这里记录下以作提示。

SQLTools by Matheus Teixeira

这个插件采用主管理界面和数据库驱动分离安装的路子,先安装SQLTools扩展后再安装你所需要使用的数据库驱动。方法是点击扩展介绍界面中的作者名字,会在左侧搜索栏筛选出作者的其他插件,选择SQLTools MySQL/MariaDB并安装便可以使该扩展支持MySQL数据库了。

教你使用VS Code的MySQL扩展管理数据库的方法

除此之外,由于我的Ubuntu 20.04环境安装的MySQL版本是8.0,因此在连接数据库的时候会提示错误:

Request connection/GetChildrenForTreeItemRequest failed with message: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client

该问题是由于这个MySQL驱动不支持MySQL 8的caching_sha2_password加密方式。如果你要继续用这个插件,可以将数据库的用户加密改为mysql_native_password方式。

同时发布于:使用VS Code的MySQL扩展管理数据库

到此这篇关于使用VS Code的MySQL扩展管理数据库的文章就介绍到这了,更多相关VS Code MySQL扩展管理数据库内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

MySQL 相关文章推荐
MySQL基础(一)
Apr 05 MySQL
多表查询、事务、DCL
Apr 05 MySQL
Mysql 如何批量插入数据
Apr 06 MySQL
MySQL安装后默认自带数据库的作用详解
Apr 27 MySQL
为什么mysql字段要使用NOT NULL
May 13 MySQL
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
Aug 02 MySQL
浅谈MySQL函数
Oct 05 MySQL
mysql主从复制的实现步骤
Oct 24 MySQL
一文了解MySQL二级索引的查询过程
Feb 24 MySQL
MySQL三种方式实现递归查询
Apr 18 MySQL
Mysql 一主多从的部署
May 20 MySQL
Mysql数据库group by原理详解
Jul 07 MySQL
彻底解决MySQL使用中文乱码的方法
Jan 22 #MySQL
mysql分组后合并显示一个字段的多条数据方式
Jan 22 #MySQL
MySQL中int (10) 和 int (11) 的区别
Jan 22 #MySQL
JMeter对MySQL数据库进行压力测试的实现步骤
MySQL创建定时任务
Jan 22 #MySQL
SQL基础查询和LINQ集成化查询
Jan 18 #MySQL
MySQL常见优化方案汇总
Jan 18 #MySQL
You might like
PHP将进程作为守护进程的方法
2015/03/19 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
2019/04/02 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
Python内置的字符串处理函数整理
2013/01/29 Python
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python标准算法实现数组全排列的方法
2015/03/17 Python
使用Python的判断语句模拟三目运算
2015/04/24 Python
Django框架 信号调度原理解析
2019/09/04 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
精彩的大学生自我评价
2013/11/17 职场文书
入党积极分子思想汇报
2014/01/02 职场文书
优秀辅导员事迹材料
2014/02/16 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
合作协议书模板2014
2014/09/26 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
兵马俑导游词
2015/02/02 职场文书
公司总经理岗位职责
2015/04/01 职场文书
终止合同协议书范本
2016/03/22 职场文书
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL