文章目录
- 配置包括：代码快捷键或页面显示设置和常用安装插件介绍
- 自己安装插件如下:
- 安装立新插件
- 代码快捷键或显示设置
- 1.页面显示设置
- 1.1 标签窗口多行显示
- 1.2修改类注释和方法注释
- 1.3修改html注释的空格
- 1.4设置自动导入包
- 1.5设置自动编译
- 1.6设置import导入的包不要出现 *
- 1.7多层级展开包名
- 1.8设置自动添加到svn或者git中
- 1.9 关闭自动保存功能
- 2.快捷键设置
- 2.1 设置 "搜索和全文搜索" 快捷键
- 2.2设置 “快速复制选中多行到下面” 快捷键
- 2.3“代码全部折叠和全部展开”快捷键
- 2.4删除一行的快捷键
- 3.创建网页模板
- 3.1Thymeleaf.html页面模板
- 3.2 Vue.html页面模板
注意：
本文章仅用于自己写代码设置习惯而用，方便自己查找并修改设置
如果是不联网状态需提前下载好插件包导入IDEA即可
下载插件包地址点这里
配置包括：代码快捷键或页面显示设置和常用安装插件介绍
自己安装插件如下:
idea社区版如果想创建spring项目请下载插件
查看maven项目的pom文件工具，用于解决冲突等
vue插件
MyBatisX：实现mapper和xml之间的跳转
根据前端页面url快速找到controller
安装立新插件
去官网下载插件包，如果是.zip包，去idea直接添加插件即可，重启后生效；如果下载的是.jar包，请把它放在类似目录下：C:\Users\211145187\AppData\Roaming\JetBrains\IntelliJIdea2020.3\plugins，然后重启idea依然生效。
代码快捷键或显示设置
1.页面显示设置
1.1 标签窗口多行显示
注意：下面的Tab limit 记得设置高点，不然还是只会一行显示
1.2修改类注释和方法注释
修改类注释
/**
*
* @Author 211145187
* @Date ${DATE} ${HOUR}:${MINUTE}
**/
添加自定义模板：* （方法注释）
注意第一行，只有一个而不是/
*
*
* @Author 211145187
* @Date $date$ $time$
$param$
* @Return $return$
**/
参数值自己写 ↓
groovyScript("def result=''; def params=\"${_1}\".replaceAll('[\\\\[|\\\\]|\\\\s]', '').split(',').toList(); for(i = 0; i < params.size(); i++) {result+=' * @param ' + params[i] + ((i < params.size() - 1) ? '\\n' : '')}; return result", methodParameters())添加自定义模板：cl
console.log("******")
console.log()1.3修改html注释的空格
1.4设置自动导入包
1.5设置自动编译
1.6设置import导入的包不要出现 *
1.7多层级展开包名
1.8设置自动添加到svn或者git中
1.9 关闭自动保存功能
在使用vue框架时，如果开启自动保存，那么每次修改代码后vue都会重新编译，一改动就编译页面就刷新，一改动就编译页面就刷新，太费事了，所以需要关闭自动保存，如果不适用vue框架开发，那么推荐开启自动保存
2.快捷键设置
2.1 设置 “搜索和全文搜索” 快捷键
2.2设置 “快速复制选中多行到下面” 快捷键
2.3“代码全部折叠和全部展开”快捷键
2.4删除一行的快捷键
3.创建网页模板
3.1Thymeleaf.html页面模板
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
3.2 Vue.html页面模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue练习</title>
<!--引入Vue-->
<script type="text/javascript" src="../../static/vue/vue.js" ></script>
</head>
<body>
<div id="app">
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: {},
methods: {}
})
</script>
</body>
</html>
