常用工具:IDEA、vs code、Navicat新手导航

最新推荐文章于 2024-01-09 01:13:58 发布
最新推荐文章于 2024-01-09 01:13:58 发布
阅读量1.7k 收藏 5
点赞数 1
分类专栏： 工具 文章标签： intellij idea visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46696282/article/details/110915772
版权

摘要

如果说IntelliJ IDEA是一款现代化智能开发工具的话，Eclipse则称得上是石器时代的东西了。其实笔者也是一枚从Eclipse转IDEA的探索者，随着近期的不断开发实践和调试，逐步体会到这款智能IDE带来的巨大开发便利，在强大的插件功能支持下，诸如对Git和Maven的支持简直让人停不下来，各种代码提示，包括JS更是手到擒来，最终不得不被这款神奇的IDE所折服。为了让身边更多的小伙伴参与进来，决定写下这篇文章，与君共享。(_)

一、IntelliJ IDEA 使用教程

1. IDEA VS Eclipse 核心术语比较

由下图可见：两者最大的转变就在于工作空间概念的转变，并且在IDEA当中，Project和  Module是作为两个不同的概念，对项目结构是具有重大意义的，这也恰恰是许多IDEA初学者觉得困扰的地方。

在这里插入图片描述

2. 当前项目配置VS 默认配置

2.1 为什么有了当前项目配置，还需要默认配置呢？
答：因为IDEA没有工作空间的概念，所以每个新项目（Project）都需要设置自己的JDK和MAVEN等相关配置，这样虽然提高了灵活性，但是却要为每个新项目都要重新配置，这显然不符合我们的预期。在这个背景下，默认配置给予当前项目配置提供了Default选项，问题自然就迎刃而解了。

最新补充：IDEA为了明确这个新项目配置的概念，在2018.2之后的正式版本已正式将“Default Settings”名字修改“ Default Settings /ProjectStructs”，即“默认配置”就是指“新项目配置”。

2.2 初始化步骤
  打开默认配置：顶部导航栏 -> File -> Other Settings -> Default Settings /ProjectStructs 

  打开当前配置：顶部导航栏 -> File -> Settings / ProjectStructs

 示例图：

在这里插入图片描述
如果当前项目想覆盖默认配置，直接在Settins/Project Structure设置即可。

接下来，来看看IDEA如何快速搭建Java开发环境！！

3. 全局JDK（默认配置）

具体步骤：顶部工具栏 File ->Other Settins -> Default Project Structure -> SDKs -> JDK

      示例： 根据下图步骤设置JDK目录，最后点击OK保存。

在这里插入图片描述
注：SDKs全称是Software Development Kit ，因为IDEA支持JDK等多种开发工具包。
同理，当前项目在Project Structure可为工程和各模块设置喜欢的JDK版本。

4. 全局Maven（默认配置）

具体步骤：顶部工具栏 File ->Other Settings -> Default Settings -> Build & Tools -> Maven

  示例： 理论上只要配置了Maven主目录即可，实际开发推荐采用User Settins file .

在这里插入图片描述
这里提醒一下，Apache Maven 本地仓库的地址是自动生成的，通常在C盘的用户目录里，所以在实际开发中推荐大家指定本地仓库的地址，避免因重装系统或被第三方安全工具清理而丢失数据。Maven的配置很简单，删掉注释后一目了然。如图：
在这里插入图片描述
settings.xml

打开Maven神器
还在Eclipse使用Update命令苦苦挣扎的童鞋，请火速尝试IDEA提供的Maven插件，其操作的便利性将给你带来前所未有的愉快感！！

具体步骤：右侧工具栏 Maven -> 点击展开某工程或模块 ->快速执行Maven命令。
在这里插入图片描述

5. 版本控制Git/Svn （默认配置）

具体步骤：顶部工具栏 File ->Other Settings -> Default Settings -> Version Control -> Git

使用说明： IDEA默认集成了对Git/Svn的支持 直接设置执行程序，右边Test提示成功即可。

问题反馈：有部分小伙伴反馈说IDEA无法找到svn.exe，解决方法：重装SVN，配置项重新选择command line client tools 即可。
在这里插入图片描述
PS: IDEA内置的Git插件灰常好用，尤其是解决冲突性的代码。另外Git客户端推荐SourceTree。

6. 自动导包和智能移除 （默认配置）

具体步骤：顶部工具栏 File ->Other Settings -> Default Settings -> Auto Import

使用说明： 在网上看到很多人在提问IDEA为什么不能优化导包而Eclipse可以，这不是低端黑嘛， 所以特意抽出来跟大家分享IDEA如何优化导包。
在这里插入图片描述

7. Tomcat Server（当前项目配置）

很多小伙伴刚开始都找不到Tomcat的配置，其实很简单，Tomcat或者Jetty这些都是部署的容器，自然会联想到Deployment ，打开部署配置，可以看到应用服务器的配置。

配置Tomcat方法： File -> Settings -> Deployment -> Application Servers -> Tomcat Server

具体配置方法，如下图：
在这里插入图片描述
IDEA 必备小技能
为了提升开发效率，撸主贴心为大家准备以下实用指数五颗星的小技巧：

8. 自动编译

具体步骤：顶部工具栏 File ->Other Settings -> Default Settings -> Auto Import

说明：开启自动编译之后，结合Ctrl+Shift+F9 会有热更新效果。
在这里插入图片描述
自动编译（Runtime）
具体步骤： 敲击 Ctrl + Shift + Alt + / 然后双击Shift搜索进入Registry ，找到compiler.automake.allow.when.app.running ，然后勾选上。
在这里插入图片描述
在这里插入图片描述
最后 如果想知道SpringBoot如何具体实现热部署的请点击SpringBoot+IDEA实现热部署教程

9. 取消大小写敏感

具体步骤：

File | Settings | Editor | General | Code Completion Case | Sensitive Completion = None

取消大小敏感，在编写代码的时候，代码的自动提示将更加全面和丰富。
在这里插入图片描述

10. 调整字体类型和字体大小

默认的白色背景和细小的字体会影响大家的编码体验，这里特意提供了调整代码窗的快捷配置。打开配置，搜索Font，然后再Font可以调整字体类型，Size可以调整字体大小，如图：
在这里插入图片描述

11. 将快捷键设置为跟Eclipse一样

很多人可能并不习惯IDEA的快捷键，为了方便，这里我们将快捷键设置为跟 Eclipse一样。

具体步骤: File -> Settings -> Keymap - > 选择Eclipse .
在这里插入图片描述
从Eclipse转过来的小伙伴 可以放心使用

12. 打开常用工具栏

具体步骤：顶部导航栏 - View -> 勾选 Toolbar & Tool Buttons

如下图所示：
在这里插入图片描述

13. 懒人必备快捷键

  1. 按【鼠标中键】快速打开智能提示，取代alt+enter 。

File->Settings-> Keymap-> 搜索 Show Intention Actions -> 添加快捷键为鼠标中键。

  1. 按【F2】快速修改文件名，告别双手操作。

File->Settings-> Keymap-> 搜索 Rename -> 将快捷键设置为F2 。

  1. 按【F3】直接打开文件所在目录，浏览一步到位。

File->Settings-> Keymap-> 搜索 Show In Explorer -> 将快捷键设置为F3 。

  1. 按【Ctrl+鼠标右键】直接打开实现类，方便开发查询。

File->Settings-> Keymap-> 搜索 implementation-> Add Mouse Shortcut 将快捷键设置为Ctrl+ 鼠标右键。

二、vs code使用大全

1.软件下载

直接在官网进行下载，需要的也可以留言给你发软件包https://link.zhihu.com/?target=https%3A//code.visualstudio.com/
首页
在这里插入图片描述

2.vscode设置成中文

vscode默认的语言是英文，对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。
2.1按快捷键“Ctrl+Shift+P”。
2.2在“vscode”顶部会出现一个搜索框。
2.3输入“configure language”，然后回车。
2，4“vscode”里面就会打开一个语言配置文件。
2.5将“en-us”修改成“zh-cn”。
2.6按“Ctrl+S”保存设置。
2.7关闭“vscode”，再次打开就可以看到中文界面了。
当然如果你不愿意设置，也可以直接安装它的中文插件，还是很人性化的。
在这里插入图片描述

3.VScode用户设置

  1. 打开设置

文件–首选项–设置，打开用户设置。VScode支持选择配置，也支持编辑setting.json文件修改默认配置。个人更倾向于编写json的方式进行配置，下面会附上我个人的配置代码：
{
“files.associations”: {
“.vue": “vue”,
".wpy”: “vue”,
“.wxml": “html”,
".wxss”: “css”
},
“terminal.integrated.shell.windows”: “C:\Windows\System32\cmd.exe”,
“git.enableSmartCommit”: true,
“git.autofetch”: true,
“emmet.triggerExpansionOnTab”: true,
“emmet.showAbbreviationSuggestions”: true,
“emmet.showExpandedAbbreviation”: “always”,
“emmet.includeLanguages”: {
“vue-html”: “html”,
“vue”: “html”,
“wpy”: “html”
},
//主题颜色
//“workbench.colorTheme”: “Monokai”,
“git.confirmSync”: false,
“explorer.confirmDelete”: false,
“editor.fontSize”: 14,
“window.zoomLevel”: 1,
“editor.wordWrap”: “on”,
“editor.detectIndentation”: false,
// 重新设定tabsize
“editor.tabSize”: 2,
//失去焦点后自动保存
“files.autoSave”: “onFocusChange”,
// #值设置为true时，每次保存的时候自动格式化；
“editor.formatOnSave”: false,
//每120行就显示一条线
“editor.rulers”: [
],
// 在使用搜索功能时，将这些文件夹/文件排除在外
“search.exclude”: {
“/node_modules": true,
"/bower_components”: true,
“/target": true,
"/logs”: true,
},
// 这些文件将不会显示在工作空间中
“files.exclude”: {
“/.git": true,
"/.svn”: true,
“/.hg": true,
"/CVS”: true,
“/.DS_Store": true,
"/*.js”: {
“when”: “$(basename).ts” //ts编译后生成的js文件将不会显示在工作空中
},
“**/node_modules”: true
},
// #让vue中的js按"prettier"格式进行格式化
“vetur.format.defaultFormatter.html”: “js-beautify-html”,
“vetur.format.defaultFormatter.js”: “prettier”,
“vetur.format.defaultFormatterOptions”: {
“js-beautify-html”: {
// #vue组件中html代码格式化样式
“wrap_attributes”: “force-aligned”, //也可以设置为“auto”，效果会不一样
“wrap_line_length”: 200,
“end_with_newline”: false,
“semi”: false,
“singleQuote”: true
},
“prettier”: {
“semi”: false,
“singleQuote”: true
}
}
}
新版的vscode设置默认为UI的设置，而非之前的json设置。如果你想复制我上面这段代码进行配置，可以进行下面的修改

文件>首选项>设置 > 搜索workbench.settings.editor，选中json即可改成json设置；

4.禁用自动更新

文件 > 首选项 > 设置（macOS：代码 > 首选项 > 设置，搜索update mode并将设置更改为none。

5.开启代码提示设置

第一步：点击左下角点击设置图标，找到并点击“setting”
在这里插入图片描述
第二步：到搜索框里搜索“prevent”—>并取消此项的勾选
在这里插入图片描述

6.常用的快捷键

高效的使用vscode,记住一些常用的快捷键是必不可少的，我给大家罗列了一些日常工作过程中用的多的快捷键。

以下以Windows为主，windows的 Ctrl，mac下换成Command就行了

6.1对于 行 的操作：

重开一行：光标在行尾的话，回车即可；不在行尾，ctrl + enter 向下重开一行；ctrl+shift + enter 则是在上一行重开一行
删除一行：光标没有选择内容时，ctrl + x 剪切一行；ctrl +shift + k 直接删除一行
移动一行：alt + ↑ 向上移动一行；alt + ↓ 向下移动一行
复制一行：shift + alt + ↓ 向下复制一行；shift + alt + ↑ 向上复制一行
ctrl + z 回退

6.2对于 词 的操作：

选中一个词：ctrl + d

6.3搜索或者替换：

ctrl + f ：搜索
ctrl + alt + f： 替换
ctrl + shift + f：在项目内搜索
通过Ctrl + ` 可以打开或关闭终端

Ctrl+P 快速打开最近打开的文件

Ctrl+Shift+N 打开新的编辑器窗口

Ctrl+Shift+W 关闭编辑器

Home 光标跳转到行头

End 光标跳转到行尾

Ctrl + Home 跳转到页头

Ctrl + End 跳转到页尾

Ctrl + Shift + [ 折叠区域代码

Ctrl + Shift + ] 展开区域代码

Ctrl + / 添加关闭行注释

Shift + Alt +A 块区域注释

7.插件安装

在输入框中输入想要安装的插件名称，点击安装即可。安装后没有效果，可以重启vscode
在这里插入图片描述

8.开启一个本地服务

8.1安装Debugger for Chrome插件
在这里插入图片描述
8.2使用ctrl+`快捷键打开终端，然后输入npm install -g live-server

8.3在命令行里输入 live-server即可

三、Navicate快速使用教程

1. 连接使用

1.1 连接数据库
打开 navicat ，点击 连接 ，选择 数据库
在这里插入图片描述
弹出以下界面 （以MySQL为例），熟悉各部分的作用

测试是否可以连接，有以下提示，点击确定开始使用数据库
在这里插入图片描述
双击 或 右键 打开连接，图标变亮表示已经打开连接
在这里插入图片描述
1.2 操作数据库
右键 连接 ，点击 新建数据库
在这里插入图片描述
输入 数据库名 和 编码规则
在这里插入图片描述
双击 或 右键 打开数据库（灰色图标变亮表示打开）
在这里插入图片描述

2. 导入备份

2.1打开 数据库 ，右键选择 运行SQL文件 ，备份数据库文件
在这里插入图片描述
2.2选择文件导入
在这里插入图片描述
2.3导入成功如下
在这里插入图片描述
2.4关闭数据库 ， 重新打开该数据库 ，可以看到刚刚导入的表 （对比上图，表那一项本来是空的，左边没有箭头）
在这里插入图片描述

3. 查询数据

3.1查询方式：

1）直接 鼠标点击 相应的表查询数据。
2）用 sql语句 查询。

双击或右键打开 表 ，可以查看数据
在这里插入图片描述
（以下是演示用sql语句查询）

点击 ① 或者 ② ，再点击 新建查询
在这里插入图片描述
输入 sql语句
在这里插入图片描述

4. 修改用户信息

登录 mysql ，选择需要修改用户信息的 数据库
在这里插入图片描述
点击上方的 用户

在这里插入图片描述
选择需要修改的 用户名 ，再点击上方 编辑用户
在这里插入图片描述
出现以下界面，修改你需要 修改的信息 ，再点击 保存
在这里插入图片描述

5. 其他操作

5.1 查看数据库版本
5.1.1 终端查看
打开终端 （快捷键：Win+r，输入 cmd ），输入 mysql -V
在这里插入图片描述
5.1.2 sql语句查看
在查询界面输入 select version()
在这里插入图片描述
5.2 查看sql执行计划
使用 explain语句 去查看分析结果
在这里插入图片描述

大鹏 666
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Java开发者终极抉择：IntelliJ IDEA vs VS Code —— 4大维度深度对比评测
java专栏
05-16 3945
🔥关注墨瑾轩，带你探索Java的奥秘！🚀🔥超萌技术攻略，轻松晋级编程高手！🚀🔥技术宝库已备好，就等你来挖掘！🚀🔥订阅墨瑾轩，智趣学习不孤单！🚀🔥即刻启航，编程之旅更有趣！🚀在Java开发领域，选择合适的集成开发环境（IDE）对于提高开发效率和代码质量至关重要。和（简称VS Code）是两个广受好评的开发工具，各自拥有独特的特性和庞大的用户群。本篇将从多个维度深入探讨这两款IDE对Java开发者来说的优劣，包括但不限于性能、用户体验、生态系统、调试能力、以及特定Java功能的支持等方面。
常用开发工具(IDEA,VS Code,Navicat,Postman)
weixin_45223024的博客
11-19 2333
开发常用工具 IDEA 1.什么是idea        IDEA 全称IntelliJ IDEA，是用于java语言开发的集成环境（也可用于其他语言），IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人
vs2017 java_在idea2018和vs2017平台下JNI编程调用C++算法（1）-环境搭建
weixin_42489917的博客
02-21 538
##JNI简介JNI是Java Native Interface的简称，通过JNI,可以调用C++或C的程序(称为本地程序)。##应用场景我认为应用场景可以用三个字概括“不得不”，即只有遇到必须跨语言的时候，才会选择JNI。从Java的场景出发，使用JNI意味着失去了跨平台的优势；从C++的角度想，可能需要将程序发布到安卓端等，而不得不采用JNI进行跨语言。通过调研JNI,目前JNI的应用场景大部...
桌面应用开发工具比较：Visual Studio Code VS IntelliJ IDEA
最新发布
禅与计算机程序设计艺术
01-09 2578
1.背景介绍 桌面应用程序开发是一项重要的软件开发领域，它涉及到桌面应用程序的设计、开发、测试和部署。在过去的几年里，许多桌面应用程序开发工具已经出现，这些工具可以帮助开发人员更快地开发高质量的桌面应用程序。在本文中，我们将比较两个流行的桌面应用程序开发工具：Visual Studio Code 和 IntelliJ IDEA。我们将讨论它们的核心概念、联系、核心算法原理、具体操作步骤、数学模型...
IDEA vs Eclipse
weixin_34208283的博客
05-12 56
2019独角兽企业重金招聘Python工程师标准>>> ...
Navicat数据库工具.rar
02-06
《Navicat数据库工具——全面解析与应用指南》 Navicat是一款强大的数据库管理工具，深受广大数据库管理员和开发人员的喜爱。它支持多种数据库系统，包括MySQL、MariaDB、Oracle、SQL Server等，提供了一个统一的...
Navicat工具多个版本
03-21
Navicat是一款强大的数据库管理工具，它支持多种数据库系统，如MySQL、MariaDB、Oracle、SQL Server等。这款工具提供了一种直观的图形界面，让用户能够轻松地进行数据查询、编辑、备份、同步以及数据库开发工作。...
小白入门Java开发第二篇：安装IDEA+Mysql+Navicat-附件资源
03-05
小白入门Java开发第二篇：安装IDEA+Mysql+Navicat-附件资源
Navicat15的安装包及注册工具
01-24
Navicat15是一款强大的数据库管理和开发工具，主要用于MySQL、MariaDB、Oracle、SQL Server等多类型数据库的管理。它以其直观的用户界面、全面的功能集以及跨平台的支持而受到广大开发人员和数据库管理员的青睐。 ...
IDEA/VS 常用快捷键
confused_kitten的博客
11-23 284
导入引用Alt + Enter 删除无用引用：Ctrl + Alt + O，设置自动删除File Settings Editor General Auto Import 行注释Ctrl+/ 块注释Ctrl+Shift+/ 方法或类注释 在一个方法或类的开头，输入/**，然后按回车,自动根据参数和返回值生成注释模板 查找 Ctrl+F替换Ctrl+R get/set Alt + Insert 格式化代码Ctrl+Alt+L 大小写转换Ctrl+Shift+u...
idea黑色主题，基于vscode+自定义
09-28
idea黑暗主题，基于vscode，又加上一部分自定义配置，样式可到 https://blog.csdn.net/qq_36254947/article/details/108846302 进行查看
vscode-mysql:Visual Studio Code 的 MySQL 管理工具
08-05
MySQL MySQL管理工具 特征 管理 MySQL 连接（支持 SSL 连接） 列出 MySQL 服务器 列出 MySQL 数据库 列出 MySQL 表 列出 MySQL 列 运行 MySQL 查询 用法 添加MySQL连接：在VS Code的资源管理器中，点击左下角的“MYSQL”，然后点击+按钮，然后在输入框中输入主机、用户、密码、端口和证书文件路径（可选）。 要运行 MySQL 查询，请先打开一个 SQL 文件，然后： 右键单击 SQL 文件，然后在编辑器上下文菜单中单击Run MySQL Query （注意：您也可以运行选定的 SQL 查询） 或使用快捷键Ctrl+Alt+E 或按F1然后选择/键入Run MySQL Query 要创建新的 MySQL 查询或更改活动的 MySQL 连接（您可以在状态栏中看到活动的 MySQL 连接）： 右键单击 MySQL 服
VisualStudioCode的MySQL管理工具
08-09
Visual Studio Code 的 MySQL 管理工具 功能 管理 MySQL 连接 查看 MySQL 服务器 查看 MySQL 数据库 查看 MySQL 数据表 执行
危险！VS Code 杀死 IDEA？！
Java技术栈，分享最主流的Java技术
05-29 188
点击关注公众号，Java干货及时送达来源：https://www.jdon.com/55835IDEA vs VS Code的故事是一个低端颠覆高端的故事，VsCode几乎吸引了所有年轻和时髦的观众。同时，JetBrains似乎仍能保持生存，这主要归功于辛勤的工作和运气。考虑到VS Code迭代开发的速度（很大程度上要归功于JS + Web渲染器的生产力），我认为VS C...
vscode自定义代码片段_用vscode打造自己的网络配置模板管理系统
weixin_39922534的博客
12-12 327
用vscode打造网络配置模板管理系统这个想法是源自China NetDevOps Club群里的一个人，本人在此基础上做了一些开发，方便大家快速生成自己的配置模板代码片段，进而在vscode中可以检索、快速调用指定的配置模板。基于配置模板可以对自己出配置可以非常好的进行指导，老师一直告诉我们好脑子不如烂笔头，当今时代的烂笔头可以是多样化的。同时最重要的，我觉得是出的配置有所约束，不再是...
VS Code、IDEA开发工具及插件
预立数据科技
04-06 5486
VS Code、IDEA插件
vscode —— 选择一款合适的开发工具
reprover的博客
02-05 724
本文首发在自己的博客上哦：https://rxrw.me/tech/a-suitable-development-tool-vscode/ 背景 曾几何时用 windows 系统的时候，写代码简直难以想象的坎坷 —— 就说命令行和环境变量与标准 linux 不同就很烦了，命令也不同步 —— 这也说明了我的 reuixiy 用 ubuntu 也不用 windows 的原因。后来换了 mac ，用起来，可以说大赞，用钱堆出来的解决方案，就是香。我 17 年买的 macbook pro ，现在运行依旧十分顺畅。
IDEA公司再发新神器！超越 VS Code 骚操作!
Java后端技术
05-25 235
往期热门文章：1、我怀疑这是 IDEA 的 BUG，但是我翻遍全网没找到证据！ 2、Spring MVC 中的 Controller 是线程安全的吗？ 3、Gitee 倒下了？？？ 4、再见付费的 TeamViewer，这款国产轻量级远程控制软件是绝佳的替代品！ 5、Mybatis-Plus官方发布分库分表神器，一个依赖轻松搞定！JetBrains 长期以来一直是 IDE...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值