IDEA自己的配置,包括:代码快捷键或页面显示设置和常用安装插件介绍

导读:本篇文章讲解 IDEA自己的配置,包括:代码快捷键或页面显示设置和常用安装插件介绍,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

在这里插入图片描述

注意:
本文章仅用于自己写代码设置习惯而用,方便自己查找并修改设置
如果是不联网状态需提前下载好插件包导入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> 

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/106248.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!