教你使用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 22 MySQL
详解MySQL的Seconds_Behind_Master
May 18 MySQL
mysql配置SSL证书登录的实现
Sep 04 MySQL
MySQL 如何限制一张表的记录数
Sep 14 MySQL
MySQL数据库10秒内插入百万条数据的实现
Nov 01 MySQL
面试被问select......for update会锁表还是锁行
Nov 11 MySQL
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
Jan 22 MySQL
MySql分区类型及创建分区的方法
Apr 13 MySQL
MySQL的存储过程和相关函数
Apr 26 MySQL
MySQL中order by的执行过程
Jun 05 MySQL
MySQL 原理与优化之Update 优化
Aug 14 MySQL
SQL Server数据库的三种创建方法汇总
May 08 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
JAVA/JSP学习系列之二
2006/10/09 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
Laravel Eloquent ORM 多条件查询的例子
2019/10/10 PHP
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
javascript封装简单实现方法
2015/08/11 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
深入理解vue Render函数
2017/07/19 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
Vue自定义指令写法与个人理解
2019/02/09 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
小程序富文本提取图片可放大缩小
2020/05/26 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
python 排序算法总结及实例详解
2016/09/28 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
三星英国官网:Samsung英国
2018/09/25 全球购物
建筑设计师岗位职责
2013/11/18 职场文书
通信工程专业毕业生推荐信
2013/12/25 职场文书
员工工作表扬信范文
2014/01/13 职场文书
团代会主持词
2014/04/02 职场文书
班主任寄语大全
2014/04/04 职场文书
2016年春节慰问信息
2015/03/25 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
幼儿体育课教学反思
2016/02/16 职场文书