Idea

卸载:

软件卸载,弹出来 2 个删除都勾选

安装:放在这个目录下 D:\soft\idea2023.2,需要新建它,将 jetbra 里面的文件复制到这个文件夹下面即可,

接着安装 idea,也到这个目录下面就行

正常该勾选勾选,文件夹右键那个记得勾,别重启

右键管理员运行 D:\soft\idea2023.2\jetbra\scripts 里 install-all-users.vbs,出现 done 即成功

cmd 输入 echo %IDEA_VM_OPTIONS%

结果 D:\soft\idea2023.2\jetbra\vmoptions\idea.vmoptions 成功

再打开 idea 软件,选择 Activation code 来激活它

激活码:

1
2
6G5NXCPJZB-eyJsaWNlbnNlSWQiOiI2RzVOWENQSlpCIiwibGljZW5zZWVOYW1lIjoic2lnbnVwIHNjb290ZXIiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiIiwiY2hlY2tDb25jdXJyZW50VXNlIjpmYWxzZSwicHJvZHVjdHMiOlt7ImNvZGUiOiJQU0kiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBEQiIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX0seyJjb2RlIjoiSUkiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOmZhbHNlfSx7ImNvZGUiOiJQUEMiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBHTyIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX0seyJjb2RlIjoiUFNXIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0cnVlfSx7ImNvZGUiOiJQV1MiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IlBQUyIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX0seyJjb2RlIjoiUFJCIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0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

插件

新版自带很多插件,看着关闭,留下数据库、maven、spring 相关等

使用它的 ui 风格,UI Options 里第一列全部勾选,第二列勾选前和后

保存并自动格式化代码

Save

勾选 Reformat code 和 optimize imports

自动编译与热部署

Compiler 勾选图中 2 个

advance 勾选 allow auto-make ….

2023idea 版再引入依赖就可以热部署

1
2
3
4
5
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
</dependency>

切换到别的软件,就开始热部署了 🙂

img

设置头文件自动生成

Templates 配置完新建一个类就有效果了

1
2
3
4
/**
@Author Lucky友人a
@Date ${DATE} -${TIME}
*/

img

滚轮设置编辑区字体大小

General 临时生效,第二次进入,又变回去

img

自动导包

File | Settings | Editor | General | Auto Import

上面一个自动导包,下面自动删除无用包

img

显示行号和方法的分隔符

File | Settings | Editor | General | Appearance

img

设置鼠标悬浮提示

File | Settings | Editor | General | Code Completion 勾选显示标题功能

img

忽略字母大小写的提示

File | Settings | Editor | General | Code Completion 取消勾选

img

设置编码

Encodings 影响i18n里中文,必配,那个勾选也记得

img

取消 tab 页单行显示

File | Settings | Editor | General | Editor Tabs

2023 版 Idea 选择单选那个multiple rows

img

设置字体、字体大小、行间距

File | Settings | Editor | Font

img

插件

Plugins 安装的插件有下面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
Lombok   @Data注解插件

MybatisX 快速定位实现类以及方法在xml的位置

Rainbow Brackets 不同颜色{}
设置里搜disable when取消掉1000那个
设置Round Brackets中5颜色E8BA36 46A97B E594D2 8F8BFF A938D7

Dark Purple Theme 主题 appearance +Colpr Scheme里导入luckyColor.icls样式

不满意则在language defaults中修改样式颜色
其中Semantic hig..是参数的颜色

translation翻译 选择百度,配置如下5w字符内免费

GenerateAllSetter A a=new A(); 右键a用alt+enter用插件,选set

Mybatis Log Free 恢复mybatis/ibatis sql日志到原始的整个可执行sql Tools里打开它
使用前要开启mybatis 日志功能:
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl 或者mybatisplus就不用了

JUnit4 Paraller Runner 不然测试类不能运行

Compiler 相关插件记得开


CamelCase 快捷键 SHIFT+ALT+U,选中目标单词,按 u 就会变,大小写的转换,还支持驼峰与下划线的转换


Get Emoji 和 Yet anther emoji support md文件,输入: +需要的图标,图标是字符串可以显示在终端 emoji可以去这https://gitmoji.dev/看看

Background Image Plus 给代码加入背景图片 Appearance --->BackgroundImag...----->Opacity:透明度的意思 image:自己图片的位置

Easy Javadoc 生成代码注释用的,将鼠标放在方法、类名上默认ctrl+/如果有问题去设置快捷键
settings--->keymap---->搜一下这个名字,右键添加键盘快捷键 alt+/ 有冲突选移除,保存即可

SonarLint 代码规范,可以看看自己的代码该优化的地方

CodeGeeX 代码ai助手 可以批量注释 提示功能tab键输入


Chinese 中文包必装

Nyan Progress Bar 让idea所有的进度条变成彩虹猫

Grep console 改变控制台日志颜色的插件

20230908001809439 PEXtjvB3p2CoLF5TNEa3

新项目设置

file——>New Projects—–> Settings for New…..

maven 的路径配置一下,还有保存自动格式化..

Nvm

nvm(Node Version Manager)是一款用于管理 Node.js 版本的工具,可以轻松地在一个系统中切换和安装多个 Node.js 版本。使用 nvm 可以让你轻松地升级或降级 Node.js 版本,也可以在同一台机器上同时使用多个版本的 Node.js。

先删除电脑上的 node

1
node -v      查看

能卸载卸载,不能去删除 node 目录,再去 C:\User\用户名\.npmrc 删除

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\用户名\AppData\Roaming\npm
C:\Users\用户名\AppData\Roaming\npm-cache

查找,有则删除,再去删除环境变量

然后再查看版本,差不多就可以装 nvm 了,nvm文件夹不需要建,nodejs文件夹要建

装的时候路径 D:\bgsoft\nvm

node资源也 D:\bgsoft\nodejs

nvm 下找到 setting.txt,粘贴进去

1
2
node_mirror: https://registry.npmmirror.com
npm_mirror: https://registry.npmmirror.com

完成,它的指令

1
2
3
4
5
6
7
8
nvm install <version>                           安装指定版本的 Node.js
nvm use <version> 切换到指定版本的 Node.js
nvm ls 列出已安装的所有 Node.js 版本
nvm alias <name> <version> 给指定版本创建别名
nvm run <version> <script> 在指定版本下运行脚本
nvm current 显示当前正在使用的 Node.js 版本
nvm uninstall <version> 卸载指定版本的 Node.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
nvm install 16.20.1
nvm install 14.0.0
nvm use 14.0.0

nvm install 14.17.6 人人前端最少需要的
nvm use 14.17.6

nvm install 18.16.1


node -v
npm config set registry https://registry.npm.taobao.org //有问题用下面这个最新的
npm config set registry https://registry.npmmirror.com


nvm use 16.20.1

nvm use 18.16.1

遇到 node-sass 无法安装,切 14 版本

1
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

Node

因为想用 pnpm 所以 node 最少 Node.js v16.14 推荐只用一个就好了 16 版本

直接移动 node16 文件到本地盘

版本 1:v16.20.1 版本 2:v14.0.0

tip:node_modules 同级需要新建 node_cache 和 node_global 文件夹

添加环境变量:

NODE_HOME

D:\bgsoft\node16 node 的路径,不同版本切这 版本 1 选这个就行了,14 就不装了

D:\bgsoft\node14 上面切这个 版本 2

添加 path 路径:
%NODE_HOME%
%NODE_HOME%\node_cache
%NODE_HOME%\node_global

查看 版本 cmd 打开输入

1
node -v

查看镜像源

1
npm config get registry

修改镜像源为淘宝

1
npm config set registry https://registry.npm.taobao.org

全局安装 pnpm,yarn 的话也有安装包在硬盘中,直接安装即可

1
2
3
4
5
npm install -g pnpm
npm install webpack -g

npm config set cache "D:\bgsoft\node16\node_cache" //设置缓存文件夹
npm config set prefix "D:\bgsoft\node16\node_global" //设置全局模块存放路径

全局装这个插件

1
npm install node-gyp -g

重置镜像为官网的,比较慢

1
npm config set registry https://registry.npmjs.org

Jdk

1、先装 jdk 默认安装即可,再配置环境变量
“我的电脑”右键 → 属性 → 高级系统设置 → 环境变量

新建 JAVA_HOME

1
C:\Program Files\Java\jdk1.8.0_271

新建 CLASSPATH

1
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

编辑 path

新增 %JAVA_HOME%\bin

1
2
java –version        java version "1.8.0_271"
javac

Maven

直接将开发工具里解压好的文件复制到 D:\bgsoft 下面
(它的下载镜像源和本地仓库地址都在 conf/settings.xml 里面写好了)
添加环境变量 MAVEN_HOME

1
D:\bgsoft\apache-maven-3.6.3

编辑变量 Path

添加变量值%MAVEN_HOME%\bin

cmd 查看版本

1
mvn -version

RocketMq

移动包到 D:\bgsoft\rocketmq-4.9.3

运行 bin 下 mqnamesrv.cmd
再 bin 下目录 cmd 打开,输入下面命令

1
bin>mqbroker.cmd -n localhost:9876

配置修改(文件夹中已配置)
bin 目录,修改 runserver.cmd 的 JAVA_OPT 为,大小可自己调整

1
2
rem set "JAVA_OPT=%JAVA_OPT% -server -Xms2g -Xmx2g -Xmn1g"
set "JAVA_OPT=%JAVA_OPT% -server -Xms256m -Xmx512m"

修改 runbroker.cmd 的 JAVA_OPT 为,大小可自己调整

1
2
rem set "JAVA_OPT=%JAVA_OPT% -server -Xms2g -Xmx2g -Xmn1g"
set "JAVA_OPT=%JAVA_OPT% -server -Xms256m -Xmx512m"

Nacos

nacos 是 1.4.1 版本

修改 startup.cmd 配置

set MODE=”standalone”

移动文件夹的,不需要配置了,直接打开 D:\bgsoft\nacos\bin 里的 startup.cmd 即可启动

http://localhost:8848/nacos/index.html

账号:nacos,密码:nacos

2.2.0 以及之前都有漏洞,这个版本只适合单机

JMeter

1、添加线程组
测试计划-右键-add-thread-线程组

2、线程数 1000 ramp-up 启动时间 10s 循环 10 等于访问 1w 次

3、右键线程组-添加 sampler(取样器)-http 请求

4、填写协议(http)、ip(192.168.1.103)、端口(10010)、路径是(play/lucky)、编码输入 UTF
有参数填参数
productId 1

5、再右键 http 请求添加监听器查看结果树 和汇总报告(.. report)里有个 ThroughPut 是吞吐量,就是每秒能进行多少次请求!

6、点击绿运行

Tomcat

版本:apache-tomcat-8.5.83

去环境变量新建下面 2 个名称

CATALINA_HOME
CATALINA_BASE

地址如下:

1
D:\bgsoft\apache-tomcat-8.5.83

path 中添加

1
%CATALINA_HOME%\bin

直接 c 自己的文件夹下面就不会有问题
乱码修改下面

D:\bgsoft\apache-tomcat-8.5.83\conf logging.properties 修改配置文件

47 行 java.util.logging.ConsoleHandler.encoding = UTF-8 改
java.util.logging.ConsoleHandler.encoding =GBK

去 bin 目录 cmd startup.bat 打开服务器,浏览器打开下

1
http://localhost:8080/

对应本地打包的 war 可以直接放 tomcat 上面跑,war 放在 D:\bgsoft\apache-tomcat-8.5.83\webapps 中
http://localhost:8080/luckyNwa 即可访问,后面这个是 war 的名称
http://localhost:8080/luckyDemo/goodsTb.html 静态页面也可以
也可以上传 war 包到 tomcat 服务器,点击 manager App ,输入账号 root 密码 123456,这些都是已经配置了,找到要部署的 war 包上传,并部署即可

idea 使用本地 tomcat:

idea 上面点编辑—>+—->找到 tomcat 本地—->name 起个—->主要 deploymen 那选择 artifact 的,项目编译 war 的,确定 ok,就能跑了

VsCode

安装

直接安装软件包,记得添加到 win 资源管理器,这样右键文件可以用它打开

设置—搜 Update mode—-default 改成 none

搜 update 取消第一个后台更新

这 2 个弄完再去安装语言插件,再重启 vscode

卸载

卸载软件

去找到 C:\Users\用户名下的.vscode 文件夹,将其删除

win+R 输入%appdata%找到 Code 和 Visual Studio Setup 文件夹,将其删除,即可彻底删除用户信息和缓存信息

插件推荐

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
Chinese (Simplified) (简体中文)   去设置里搜缩略图弄掉

Atom One Dark Theme 设置颜色主题

vscode-icons 设置文件夹图标

:emojisense: 代码中输入 :smile_cat: -> 😸

Auto Close Tag 键入一个开始标记(例如 <div>)时,它会自动为你插入相应的结束标记

Auto Rename Tag 同步修改 HTML/XML标签

Live Server 快速启动本地服务,自动监听

Image preview 鼠标悬停图片地址查看图片

Code Spell Checker 拼音接检查器,配合驼峰大小写

Vetur 语法高亮、智能感知、Emmet等 包含格式化功能

Quokka.js 练习JS的, ctrl+shift+p 输入Quokka 找到newFile 设置快捷键ctrl+n


vue-component 直接在template输入组件名称即可自动导入它

CodeSnap 选中代码右键去用这个插件,显示代码比截图好看

IntelliCode 代码智能提示

Path Intellisense 路径提示

Prettier - Code formatter 前端代码格式化,记得使用最后的配置

vue-format vue2的格式化插件3会删除setup 快捷键ctrl+alt+p

可以在项目中添加.prettierrc.js自定义文件,没有则使用默认规则
module.exports = {
extends: ['airbnb', 'prettier'], //使用了 Airbnb 的代码规范和 Prettier 的代码格式化规则
singleQuote: true, // 使用单引号
printWidth: 120, // 超过最大值换行
htmlWhitespaceSensitivity: 'ignore', //处理 HTML 文件时忽略空格敏感度
semi: false, // 结尾不用分号
disableLanguages: ['vue'], // 不格式化vue文件,vue文件的格式化单独设置
}


Bracket Pair Colorizer 彩虹的{},被弃用也装,比内置的好,配置看最后就行了

Highlight Matching Tag 突出标签


Markdown Preview Enhanced md文档预览,进入文档右键MPE打开


Codelf 变量起名神器在变量名右键打开它

Turbo Console Log 点击需要生成console.log的变量,默认快捷键ctrl+alt+l改成ctrl+shift+r
因为我的idea全局搜索就是这个指令,vscode去设置里键盘快捷方式搜ctrl+alt+l改成上面那个回车确定即可

Vue Peek 让我们快速跳转到组件、模块定义的文件

Git Graph 类似SourceTree软件的可视化版本控制插件,可以更新、提交代码,查看提交记录,审视代码

GitLens 可以在代码行上显示Git提交信息

Git History 查看Git提交历史记录,该插件还支持显示具有不同颜色的分支,显示提交信息和更改详细信息,以及搜索提交历史记录

Git Blame 轻量的提交信息查看

koroFileHeader 头部注释自动生成加方法也可以快捷键 在方法上方空白按 去左下角设置---》键盘快捷键ctrl+windows+T改成alt+/
头部图案设置不展示

Jest Runner 测试用的,加上debugger点右键

**VSCode 快捷键:**https://www.bilibili.com/read/cv9699783/

自己快捷键修改

1
2
3
4
ctrl+enter   改成  ctrl+shift+enter  换行

给i18nally插件将文案提取到lang的中文json中,设置-->键盘快捷方式--->i18点击提取文案那个改为快捷
ctrl+. 使用,选中中文再快捷键,直接回车可生成i18的中文

settings.json配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
{
"update.enableWindowsBackgroundUpdates": false, //禁用 Windows 后台更新vscode
"update.mode": "none", //禁用vscode更新
"workbench.colorTheme": "Atom One Dark", //主题
"editor.formatOnSave": true, //文本保存自动开启格式化
"editor.defaultFormatter": "esbenp.prettier-vscode", //格式化默认

"editor.bracketPairColorization.enabled": true, //彩虹{}
"editor.guides.bracketPairs": "active", //激活
"extensions.ignoreRecommendations": true, //忽略 Visual Studio Code 的扩展推荐提示
"workbench.iconTheme": "vscode-icons", //文件夹图标
"workbench.startupEditor": "none", //启动时的编辑器选项不要欢迎页面
"bracket-pair-colorizer-2.depreciation-notice": false, //是否显示 Bracket Pair Colorizer 2 的弃用通知
"editor.minimap.enabled": false, //缩略图功能关闭
"vetur.ignoreProjectWarning": true, //忽略警告
"path-intellisense.mappings": {
//路径提示将@指向src
"@": "${workspaceRoot}/src"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},

"workbench.editor.enablePreview": false, //关闭预览覆盖
"workbench.editor.wrapTabs": true, //文件太多可以换行

"explorer.confirmDelete": false,
"security.workspace.trust.untrustedFiles": "open",
"editor.fontSize": 18,
"liveServer.settings.donotVerifyTags": true,
"explorer.confirmDragAndDrop": false,
"Codegeex.Comment.LanguagePreference": "zh-CN",
"Codegeex.Privacy": false,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.tabSize": 2,
// 自定义的颜色 (代替当前颜色主题中的编辑器语法颜色和字形)
"editor.tokenColorCustomizations": {
//基本上使用默认的就好不需要这些
"comments": "#6A9955", // 注释
"keywords": "#ff55ff", // 关键字
"variables": "#5eccf8", // 变量名 函数的参数名
"strings": "#CE9178", // 字符串
"functions": "#DCDCAA", // 自定义及内置的函数名称 如:print
"numbers": "#00eeff", // 数字
"types": "#55bbff", //类定义颜色
//文本匹配规则(自定义的主要部分)
"textMateRules": [
//要修改的文本
{
"scope": "string.quoted.double", //作用域(下方提到的foreground内容粘贴在这里就好)
"settings": {
"foreground": "#9CDCFE" //字体颜色
}
}
]
},
"workbench.editor.untitled.hint": "hidden",
"git.enableSmartCommit": true,
"git.confirmSync": false,
"typescript.updateImportsOnFileMove.enabled": "always",
"javascript.updateImportsOnFileMove.enabled": "always",
"editor.maxTokenizationLineLength": 1.1111111111111111e22,
"fileheader.customMade": {
"Author": "LuckyNwa⭐️",
"Date": "Do not edit", // 文件创建时间(不变)
"FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
"LastEditTime": "Do not edit", // 文件最后编辑时间
"Description": "" // 介绍文件的作用、文件的入参、出参。
},
// 函数注释
"fileheader.cursorMode": {
"description": "", // 函数注释生成之后,光标移动到这里
"param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
"return": ""
},
"fileheader.configObj": {
"autoAdd": true, // 检测文件没有头部注释,自动添加文件头部注释
"autoAddLine": 2, // 文件超过多少行数 不再自动添加头部注释
"designAddHead": false, // false关闭, 生成的图案注释是否附带头部注释
"headDesignName": "grassHorse2", // 默认为随机图案 生成哪个注释图案
"headDesign": false, // false关闭 开启后,所有生成头部注释的场景都会生成图案注释。图案注释替换头部注释
"prohibitAutoAdd": [
"json",
"md",
"vue",
".cjs",
".conf",
".yaml",
".d.ts",
".scss",
".svg",
".ts"
], // 禁止.json .md文件,自动添加头部注释
"prohibitItemAutoAdd": ["test_vue"], // 禁止test_vue项目自动添加头部注释
"moveCursor": true, // 自动移动光标到Description所在行
"dateFormat": "YYYY-MM-DD HH:mm:ss",
"folderBlacklist": [
"node_modules",
"vite.config.ts",
"vite.config.js",
"main.js",
"main.ts",
"文件夹或文件名禁止自动添加头部注释"
// "webpack.config.js" // 可以禁止某些文件自动添加注释
]
}
}

vue3插件

记得禁用或者删除vetur,不然爆红很多地方

1
2
3
4
5
6
7
8
9
10
11
12
13
14
| Vue VSCode Snippets           | 新vue文件输入vbase选模板                   |
| TypeScript Vue Plugin (Volar) | 用于 TypeScript 的 Vue 插件 |
| Vue Language Features (Volar) | Vue3.0 语法支持 |
| WindiCSS IntelliSense | 自动完成、语法突出显示、代码折叠和构建等高级功能 |
| Iconify IntelliSense | Iconify 预览和搜索 |
| i18n Ally | 国际化智能提示 |
| Stylelint | Css 格式化 |
| Prettier | 代码格式化 |
| ESLint | 脚本代码检查 |
| DotENV | env 文件高亮 |