三、安装lombok插件--简化写pojo类的方式

一、理由：

常规开发中POJO类必须手写get/set/toString/构造/…等方法,这类操作写起来鸡肋.但是又不得不写. 开发效率低.

所以可以引入lombok插件自动生成上述的方法.

二、插件的安装：

1、在pom.xml文件中引入jar包

1）jar包-直接复制

 <!--添加lombok的包--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency>

2）粘贴到pom.xml文件中的<dependencies> </dependencies>里

2、安装插件

如果下不下来的话用以下方式

1）idea插件官方网站下载：先打开idea别关闭

JetBrains Marketplace

打开网站

就会跳转到idea里，在idea里确定安装即可

使用：

面试：

Lombok的使用需要添加jar包和安装插件。未来项目在Linux服务器中进行部署。

问 Linux服务器中是否需要安装lombok的插件

答案: 不需要， lombok插件编译期有效. xxx.java文件编译为xxx.class文件

一、IDEA项目环境搭建

Code with me插件的安装使用（别人远程帮你写代码）

前置条件

主机必需：IntelliJ IDEA 2020.2.1及更高版本，已下载并启用Code With Me插件

访客必需：无需下载IDEA，只需要下载一个code with me程序（600kb左右)

code with me是什么？

Code With Me是一款功能强大的工具，可让您协同工作以处理代码。直接多人协调gayhub

使用步骤

1.主机开启邀请链接

安装并启用Code With Me插件。

在主工具栏上，单击code with me 图标。

48_1.png

或者，从Tools->code with me

48_2.png

在打开的列表中，点击Enable Access and Copy Invitation Link

在“code with me”对话框中，配置访问者的访问权限。

48_4.png

为访问者设置权限

Read-only：为访客选择此权限，以对文件，终端和运行操作具有只读访问权限。
Edit files：如果您希望访客仅编辑文件而不访问终端或执行代码，请选择此权限。
Full access：选择此权限可为您的访客授予对计算机上所有文件，终端和运行操作的完全访问权限。
Custom:自定义

配置权限后，单击“Enable Access”。

出现这个状态就是创建成功

48_5.png

1、复制链接

48_6.png

当访客单击链接，需要下载一个code with me客户端程序（600k左右）

48_7.png

下载并打开此文件会出现等待服务端确认的对话框

客户端：

48_8.png

服务端：进行确认

48_9.png

点击accept即会显示已加入code with Me的通知

48_10.png

参与者可以根据分配者所分配的权限所进行一个操作了

下面是协同者的视角

48_11.png

协同者可以设置主服务端强制跟谁你进行代码编辑操作。

48_12.png

点击Force All to Follow You后

你所进行的所有操作主机用户都会同步进行显示和修改

48_13.png

不想协同了主机点一下Turn Access Off and Disconnest All就会自动断开所有文件

Copilot 写点注释代码自动生成（比如写个//冒泡排序，回车下去代码就会自动生成）

idea支持vue文件，设置对vue的支持

【IntelliJ IDEA】idea支持vue文件，设置对vue的支持_No8g攻城狮的博客-CSDN博客_idea 支持vue

idea 格式化vue代码，检查语法_自由·极光的博客-CSDN博客_idea vue 格式化

1、设置缩放–通过ctrl + 鼠标滚轮实现字体大小缩放

2、自动提示设置-不论写A还是a都能出现正确的提示

设置idea控制台的输出语句不自动换行

3、设置参数方法自动提示–设置之后,写一个方法有需要传的参数名和类型的提示

4、设定字符集要求都使用UTF-8编码

5、设置自动编译

6、指定一下当前工作区的jdk编译版本

7、Maven环境配置

8、处理依赖注入时飘红问题-关于Spring 自动注入异常报警告的解决-修改IDEA 数据校验将√号去除即可

1）idea旧版本2020

2）idea新版本2021以及之后的

3）idea中文版

9、设置允许同时运行多个服务

10、注释的设置：新创建的类、接口、方法自动生成注释的设置

原文https://mp.weixin.qq.com/s/6EXgiwn8R5ShAYK1xGPaog

1）类/接口注释

打开 IDEA 的 Settings，点击 Editor-->File and Code Templates，点击右边 File 选项卡下面的Class，在其中添加图中红框内的内容：

/*** @author jitwxs（自己的一个记号，比如可以叫小光）* @date ${YEAR}年${MONTH}月${DAY}日 ${TIME}*/

说明了作者和时间，IDEA 支持的所有的模板参数在下方的 Description 中被列出来。

保存后，当你创建一个新的类的时候就会自动添加类注释。如果你想对接口也生效，同时配置上图中的Interface 项即可。

2）方法注释（设置好后写完方法不会自己出来——在方法上输 /** 再回车即可）

根据形参数目自动生成 @param 注解
根据方法是否有返回值智能生成 @Return 注解

首先在 Settings 中点击 Editor-->Live Templates。

点击最右边的 +，首先选择 2. Template Group... 来创建一个模板分组：

在弹出的对话框中填写分组名，我这里叫做 userDefine：

然后选中刚刚创建的模板分组 userDefine，然后点击 +，选择 1. Live Template：

此时就会创建了一个空的模板，我们修改该模板的 Abbreviation、Description 和 Template text。需要注意的是，Abbreviation 必须为 *，最后检查下 Expand with 的值是否为 Enter 键。

上图中· Template text 内容如下，请直接复制进去，需要注意首行没有 /，且 \* 是顶格的。

** * @author jitwxs（自己的一个记号，比如可以叫小光）* @date $date$ $time$$param$ $return$*/

注意到右下角的 No applicable contexts yet 了吗，这说明此时这个模板还没有指定应用的语言：

点击 Define，在弹框中勾选Java，表示将该模板应用于所有的 Java 类型文件。

设置 applicable contexts

还记得我们配置 Template text 时里面包含了类似于 $date$ 这样的参数，此时 IDEA 还不认识这些参数是啥玩意，下面我们对这些参数进行方法映射，让 IDEA 能够明白这些参数的含义。点击 Edit variables 按钮：

为每一个参数设置相对应的 Expression：

设置 Expression

需要注意的是，date 和 time 的 Expression 使用的是 IDEA 内置的函数，直接使用下拉框选择就可以了，而 param 这个参数 IDEA 默认的实现很差，因此我们需要手动实现，代码如下：

groovyScript("def result = '';def params = \"${_1}\".replaceAll('[\\\\[|\\\\]|\\\\s]', '').split(',').toList(); for(i = 0; i < params.size(); i++) {if(params[i] != '')result+='* @param ' + params[i] + ((i < params.size() - 1) ? '\\r\\n ' : '')}; return result == '' ? null : '\\r\\n ' + result", methodParameters())

另外 return 这个参数我也自己实现了下，代码如下：

groovyScript("return \"${_1}\" == 'void' ? null : '\\r\\n * @return ' + \"${_1}\"", methodReturnType())

注：你还注意到我并没有勾选了 Skip if defined 属性，
它的意思是如果在生成注释时候如果这一项被定义了，
那么鼠标光标就会直接跳过它。我并不需要这个功能，
因此有被勾选该属性。

点击 OK 保存设置，大功告成！

3）答疑

（1）为什么模板的 Abbreviation 一定要叫 \* ？Expand with 要保证是 Enter 键？

答：因为 IDEA 模板的生成逻辑是 模板名 + 生成键，当生成键是 Enter 时，我们输入 * + Enter 就能够触发模板。

这也同时说明了为什么注释模板首行是一个 * 了，因为当我们先输入 /*，然后输入 * + Enter，触发模板，首行正好拼成了 /**，符合 Javadoc 的规范。

（2）注释模板中为什么有一行空的 \*？

答：因为我习惯在这一行写方法说明，所以就预留了一行空的写，你也可以把它删掉。

（3）注释模板中 $time$$param$ 这两个明明不相干的东西为什么紧贴在一起？

答：首先网上提供的大部分 param 生成函数在无参情况下仍然会生成一行空的 @param，因此我对param 函数的代码进行修改，使得在无参情况下不生成 @param，但是这就要求 $param$ 要和别人处在同一行中，不然没法处理退格。

（4）为什么 return 参数不使用 methodReturnType()，而要自己实现？

答：methodReturnType() 在无返回值的情况下会返回 void，这并没有什么意义，因此我对 methodReturnType() 返回值进行了处理，仅在有返回值时才生成。

（5）为什么 $return$ 不是单独一行？

答：因为当 methodReturnType() 返回 null 时，无法处理退格问题，原因同第三点。

作者：Jitwxs

链接：https://jitwxs.cn/4135e0a9.html

4）创建文件时，自动生成作者和时间信息

11、 Codota 代码智能提示插件

只要打出首字母就能联想出一整条语句，这也太智能了，还显示了每条语句使用频率。

原因是它学习了我的项目代码，总结出了我的代码偏好。

12、Key Promoter X 快捷键提示插件

每次都会在右下角弹窗提示，帮助我们快速熟悉快捷键。

13、 CodeGlance 显示代码缩略图插件

当代码很多的时候，方便查看，很有用。

14、Alibaba Java Coding Guidelines 阿里巴巴代码规范检查插件

会按照阿里Java开发手册上规范帮我们检查代码，然后对代码做不同颜色展示，鼠标放上去，会看到提示内容，帮助我们写出更规范的代码。

CheckStyle 代码风格检查插件

功能跟Alibaba Java Coding Guidelines类似

15、SonarLint 代码质量检查插件

提示我不要用System.out输出，要用logger输出，诸如此类，帮助我们提升代码质量。

16、Translation 翻译插件

使用

选中单词，右键翻译设置

17、Rainbow Brackets 彩虹括号插件

成对儿的括号显示相同的颜色，有了这个插件，我的近视都好了。

18、优化导包配置（自动导包、自动删除无用的包）

19、取消tab页单行显示（多行显示更多的文件，方便查看）

20、优化版本控制的目录颜色展示

21、显示行号和方法分割线

22、设置不用日志在控制台打印不同的颜色（自定义）--Grep Console

默认情况下，IDEA控制台窗口在打印日志时都是一种颜色到底，比如各种info,warn,和error等类型的日志信息交织在一起，不好分辨。

Grep Console插件则可以帮助我们自定义设置不用日志用不同的颜色进行标识，非常方便观看！

设置自定义颜色：

着色后的日志打印效果：

由于Intellij idea不支持显示ascii颜色，grep-console插件能很好的解决这个问题，可以设置不同级别log的字体颜色和背景色.

自定义设置后，可以运行下项目看下效果

加上背景色，错误和警告是不是更清晰了些？

23、用IDEA写博客，不用在浏览器写了 Markdown Navigator

很多人私信问说，你是用什么markdown编辑器写博客的呢？不瞒你说，用IDEA就可以很愉快的写博客了，装了一个Markdown Navigator插件即可方便的实现：

24.1、RestfulToolkit：快速定位某个`URL`接口对应的`Controller`代码+快速测试你的`Controller`接口+类似postman

你知道你项目里到底写了多少个URL接口吗？
如何快速定位某个URL接口对应的Controller代码？
如何快速测试你的Controller接口？

RestfulToolkit则是一个可以解决上述问题的，非常方便的IDEA集成插件，从此Postman怕是要下岗了：

24.2、RestfulTool

25.1、给你一段`Json`格式数据，除了手写之外，如何快速生成一个和该`Json`数据对应的`Java`对象——GsonFormat

GsonFormat则是一个JSON格式数据 → 对象的快速代码自动生成插件。

给你一段Json格式数据，除了手写之外，如何快速生成一个和该Json数据对应的Java对象？

比如一段Json格式数据如下：

{"status": 0,"msg": "操作成功","data": 1
}

25.2、验证和格式化JSON字符串 Json Parser

厌倦了打开浏览器格式化和验证JSON?为什么不安装JSON解析器并在IDE中使用离线支持呢?JSON解析器是一个用于验证和格式化JSON字符串的轻量级插件。

26、MyBatis Log Plugin

Mybatis的xml文件中的SQL语句都是拼装起来的，但有时候（比如在调试的时候）想把某个请求对应的后台具体SQL查询语句单独拿出来测试或验证，该怎么办呢？

MyBatis Log Plugin这个插件既可以帮你完美地解决这个问题：

27、方便地在`Mybatis`的`mapper Java`接口方法和`mapper XML`文件之间来回切换——Free Mybatis plugin (Mybatis X也有这个功能)

除了全局搜索以外，如何方便地在Mybatis的mapper Java接口方法和mapper XML文件之间来回切换？

Free Mybatis plugin插件此时就可以大显身手了：

28、上班偷偷练习算法——Leetcode Editor插件

【IDEA】IDEA最牛的内卷插件，别人上班我刷题_哔哩哔哩_bilibili

四、Maven Helper 插件安装及应用：可以查看添加的依赖里面有什么/会关联什么依赖

分析依赖冲突插件

此插件可用来方便显示maven的依赖树，在没有此插件时，如果想看maven的依赖树需要输入命令行： mvn dependency:tree 才可查看依赖。如果想看是否有依赖包冲突的话也需要输入命令行等等的操作。而如果安装Maven Helper插件就可免去命令行困扰。通过界面即可操作完成。

使用方式：

打开项目中的pom文件，在底部会显示一个“Dependency Analyzer”,

点击此按钮，切换到此工具栏

可进行相应操作：

Conflicts（查看冲突）
All Dependencies as List（列表形式查看所有依赖）
All Dependencies as Tree（树形式查看所有依赖）
搜索功能

四、vue-后台cli脚手架安装——Vue客户端

VUE后端管理插件安装_闪耀太阳的博客-CSDN博客

一、安装前:安装执行VUE脚手架的一个平台

安装nodejs并验证

//官网下载

来自 <VUE后端管理插件安装_闪耀太阳的博客-CSDN博客>

我的nodejs文件安装包在 百度网盘-java上班各种资料-web前端-Vue进阶-node.js文件

安装在D:\web-node.js

安装nodejs,下一步下一步就可以,只有安装路径要改一下自己要放的位置。可以安装最新的15版本,win7的话可以安装14版本.

使用以下dos命令提示符下执行：看是否安装成功

node -v # v8.11.3，至少8以上,最新的是v15.11.0

若是显示不是可内部执行的命令，就需要重启计算机；还不行的话就卸载，去官网下载最新版本重新安装

二、.安装Node.js：

1.配置npm：

Nodejs下的包管理器,Nodejs中包含了npm,无需单独安装.默认去官网下载资源,可以换成国内的镜像

npm config get registry # 查看当前配置的镜像，结果是默认的国外网址https://registry.npmjs.org/

npm config set registry https://registry.npm.taobao.org #设置成淘宝镜像

*******npm config get registry #再获取查看,结果是修改后的https://registry.npm.taobao.org/

*******或者npm config list

参数说明

注意单词的大小写

-i 安装指令，全拼： install

-S 生产环境，全拼： --save

-D 开发环境，全拼： --save—dev

-O 可选依赖，全拼： --save—optional

-E 精确安装指定模块版本，全称：--save—exact

-g 全局安装，全拼： --global

node_cache以及node_global的配置

node_cache——在使用npm时的缓存存储位置

node_global——下载好的东西的存储的位置

具体操作：

npm config set prefix "D:\web-node.js\node_global"
npm config set cache "D:\web-node.js\node_cache"

2.脚手架安装（此处要下载几分钟）我的脚手架安装在C:\Users\武阳光\AppData\Roaming\npm

npm install vue-cli -g #安装vue-cli脚手架---可能比较慢,要等几分钟；如果之前安装过就要用npm install -g空格@vue/cli --force 意思是进行强制安装，如果之前装过，会直接覆盖掉

npm uninstall vue-cli -g #卸载vue-cli脚手架 ---大可不必;或者npm uninstall -g @vue/cli

vue –V#查看版本

where vue #vue安装在哪里

报错：

1）下载卡住了，就重新输npm install vue-cli -g命令回车下载

2）如果报错如下

方案<1>删除用户目录下的文件,之后重新安装. (删除里面的文件不要删除目录node_modules)：因为此处是默认安装路径，不会让我们选，自动安装到c盘用户目录下

方案<2> 执行卸载命令 npm uninstall -g @vue/cli 之后重新安装执行安装命令

3.看是否安装成功 DOS窗口

C:\Users\WangYiBo>vue -V #查看vue-cli的版本
C:\Users\WangYiBo>where vue #查看下载的位置 (npm文件夹有20M左右)

三、初始化VUE项目

1、初始化UI工程（启动脚手架也是这个命令）

如果输入vue ui没有反应，就执行卸载和重装命令

初始化成功后会跳转弹出如下网页————DOS窗口不要关闭，下面还要用，关了服务就会停止,下面显示的这个网页就会断开连接

2、安装脚手架

1）创建vue项目

选择vue项目存放的位置/工作空间D:\Git workspace\vue （此处例子路径是下图中的）按如下图所示进行操作（在磁盘里找到路径复制到此处）————之后回车

在上一步中回车后出现如下图片，在此处创建自己的项目

关联Git仓库

在上一步后定义项目名此处先用jtadmin项目名举例

（上图操作后，其中的ESLint+Standard cinfig需要重新配置，学习阶段暂时关掉它，否则多写一个空格也会报错：操作如下图

）

2）安装插件

下载按钮在右下角

3）安装axios 运行依赖

4）安装less-loader 开发依赖

如果直接和安装运行依赖那样搜出来的版本是9太高，我们要使用5版本的：

安装开发依赖 less-loader

npm install less-loader@5.0.0 版本太高的话比如9.0.0不适用

在VUE项目的根目录启动执行安装命令

5）安装开发依赖 less

6）安装运行时依赖 vue-quill-editor 富文本编辑器

7）安装运行依赖 echars插件

五、Vue调试工具devtools（写组件时用，可以清晰看到各个组件间的层次关系）的安装

http://172.20.23.216/ta404face_doc/docs/docs/ta404-face/%E5%BC%80%E5%8F%91%E8%B0%83%E8%AF%95.html#_1-%E5%AE%89%E8%A3%85-vue-devtools-%E6%8F%92%E4%BB%B6

1、https://cn.vuejs.org/

2、

点击绿色的“Code”按钮，选择安装方式，可以通过git clone命令行的方式克隆，也可以通过下载包“Download ZIP”的方式，这里我使用下载包的方式，方便简单，下载到哪里都可以（建议路径不要太复杂，比如我直接安装在F盘，世界太纷扰，自在就好）。

解压到当前文件夹，在此处打开DOS窗口，然后先后运行两条命令：

npm install（安装依赖，运行成功后ls查看目录，里面会多出一个node_modules模块）
npm run build（打包构建，打包成功应该和下面第二张图一样）

修改安装目录vue-devtools-master/shells/chrome下的manifest.json文件，将第31行的persistent参数由false改为true，如下图：

打开谷歌浏览器的扩展程序（更多工具-扩展程序），点击“加载已解压的扩展程序”，选择vue-devtools-master/shells下的chrome，单击chrome即可选中chrome，然后点击“选择文件夹”即可。至此，vue-devtools插件手动安装完成！

四、调试页面工具postman下载安装：可以模拟发起请求（模拟发起post请求时用；我们平常都是get浏览器网址栏url发起请求）

支持各种的请求类型： get、post、put、patch、delete 等支持在线存储数据，通过账号就可以进行迁移数据很方便的支持请求 header 和请求参数的设置支持不同的认证机制，包括 Basic Auth，Digest Auth，OAuth 1.0，OAuth 2.0 等响应数据是自动按照语法格式高亮的，包括 HTML，JSON 和 XML

方法：直接网址栏输入postman搜索，找如下图的安装

百度网盘-java上班各种资料-页面调试工具postman安装包双击会自动安装

做测试的用的模拟高并发/压力测试的工具：Jmeter软件（了解）

五、反向代理服务器Nginx的安装

1.nginx启动会占用80端口!!
2.nginx启动路径不要有中文/空格/特殊字符

1、下载

下载地址：http://nginx.org/en/download.html

注意分清是什么系统，下载对应的安装包

2、安装

解压即可（我下载保存的位置D:\nginx\windows\nginx-1.21.4）

访问测试:浏览器输入localhost：80 回车

3、安装出错问题解决

1、关于nginx 80端占用问题说明

说明:nginx启动时会占用80端口.所以需要释放80资源.
步骤1: 查询 80端口被哪个进程占用

步骤2: 关闭进程

步骤3: 如果80端口被PID=4占用,则需要升级驱动配置.4、

4、使用

1、启动Nginx说明

nginx的启动每次都会启动2个进程项.
主进程: 主要提供反向代理服务. 占用内存大的
守护进程: 防止主进程意外关闭. 占用内存小的

先关守护进程（内存小的1，232k），任务管理器中选中右击，结束进程树，同时就会自动关闭主进程；先关闭主进程是关不了的

2、命令使用

nginx的命令需要在根目录中运行解压后的安装包 nginx.exe 所在的路径就是根目录；

在根目录下打开DOS窗口

命令:
1. 启动nginx—— start nginx
2. 重启nginx ——nginx -s reload 重启只有再启动命令执行了才能重启，不启动无法重启
3. 关闭nginx—— nginx -s stop

但在实际中执行启动命令可能不会启动，我们一般是

1. 启动nginx—— start nginx
2. 重启nginx ——nginx -s reload 重启只有再启动命令执行了才能重启，不启动无法重启

这两个命令一起执行，若是重启命令执行了不报错，才是真正启动了Nginx反向代理服务器

三阶段软件安装和环境配置相关推荐

Manjaro软件安装、环境配置汇总
.# Manjaro软件安装.环境配置.问题汇总内容来自网络搜集,使用记录备忘 pacman 命令语法 pacman -S package_name # 安装软件 pacman -S extra/p ...
Java全栈软件安装与环境配置
Java全栈软件安装 jdk1.8的安装安装环境配置 IntelliJ IDEA的安装安装破解 Tomcat7.0安装安装 Mysql5.5安装安装 jdk1.8的安装安装 jdk下载网 ...
同济大学博士/硕士学位论文LaTex模板的软件安装与环境配置
文章目录论文模板软件需求具体步骤及问题应对首先检查`biblatex-gb7714-2015`宏包检查TexStudio配置配置命令路径参考文献引用显示的不是数字本文以Windows为 ...
《物联网NB-IoT》软件安装及环境配置
关于搭建集成开发环境,本次介绍设备端程序开发MDK.设备端程序辅助开发工具STM32CubeMX等安装及配置,由于本人是在校大学生,试验设备在实验室,所以电脑上就不再安装,说一下详细步骤及分享安装包( ...
Python 小白从零开始 PyQt5 项目实战（1）安装与环境配置
本系列面向 Python 小白,从零开始实战解说应用 QtDesigner 进行 PyQt5 的项目实战. 什么叫从零开始?从软件安装.环境配置开始. 不跳过一个细节,不漏掉一行代码,不省略一个例图. ...
youcans 的 OpenCV 学习课—1.安装与环境配置
youcans 的 OpenCV 学习课-1.安装与环境配置作者: youcans@xupt 本系列面向 Python 小白,从零开始实战解说 OpenCV 项目实战. 什么叫从零开始?从软件安装. ...
python详细安装教程环境配置-python环境安装详细步骤
python环境怎么安装 1.准备好安装包 1)上python官网下载python运行环境(https://www.python.org/downloads/),目前比较稳定的是python-3.5. ...
ROS入门笔记（二）：ROS安装与环境配置及卸载（重点）
ROS入门笔记(二):ROS安装与环境配置及卸载(重点) 文章目录 1 ROS安装步骤 1.1 ROS版本 1.2 确定Ubuntu版本号 1.3 安装ROS 1.3.1 Ubuntu初始环境配置 1 ...
Linux运维第三阶段（一）网络配置及openssl加密
Linux运维第三阶段 (一) 网络配置及openssl加密主机接入网络:IP,netmask,gateway,hostname,DNS1,DNS2,DNS3,route,dhcp(dynamic ...

三阶段 软件安装和环境配置