【前端开发工具-代码编辑器-intellij idea-2017.3.2】windows下安装及配置

快捷键

ctrl+alt+L格式化代码
https://www.cnblogs.com/pretty-sunshine/p/9950541.html

设置文件只读与解除只读

image.png

1. 安装

点击安装程序安装IDEA.安装过程中一直点击下一步即可

应用程序

2. 配置修改

2.1. 安装成功后找到安装目录的..\IntelliJ IDEA 2017.3.2\bin文件夹

image.png

2.2. 将你下载好的JetbrainsIdesCrack-3.4-release-enc.jar拷贝到你的Idea安装目录的bin目录下

image.png

2.3. 接下来需要在这个bin目录下找到两个vmoptions文件, idea.exe.vmoptions和idea64.exe.vmoptions

打开bin目录下的如下两个文件

image.png

把这两个文件用记事本打开,分别在最后一行添加以下内容
-javaagent:D:\devsoft\IntelliJ IDEA 2017.3.2\bin\JetbrainsIdesCrack-3.4-release-enc.jar
PS:D:\devsoft\IntelliJ IDEA 2017.3.2\bin\JetbrainsIdesCrack-3.4-release-enc.jar为笔者自己的idea安装路径,读者根据自己的安装路径更改
image.png

3. 启动IDEA进行初始化设置

3.1. 生成注册码

启动后生成注册码: 在<u>http://www.98key.com/idea</u>网页中自动生成,安装时粘贴进去

3.2. 手动注册

激活对话框

接下来重新启动idea软件,复制以下内容到Acrivation code中的空白处。

ThisCrackLicenseId-{ 
“licenseId”:”ThisCrackLicenseId”, 
“licenseeName”:”idea”, 
“assigneeName”:”“, 
“assigneeEmail”:”idea@163.com”, 
“licenseRestriction”:”For This Crack, Only Test! Please support genuine!!!”, 
“checkConcurrentUse”:false, 
“products”:[ 
{“code”:”II”,”paidUpTo”:”2099-12-31”}, 
{“code”:”DM”,”paidUpTo”:”2099-12-31”}, 
{“code”:”AC”,”paidUpTo”:”2099-12-31”}, 
{“code”:”RS0”,”paidUpTo”:”2099-12-31”}, 
{“code”:”WS”,”paidUpTo”:”2099-12-31”}, 
{“code”:”DPN”,”paidUpTo”:”2099-12-31”}, 
{“code”:”RC”,”paidUpTo”:”2099-12-31”}, 
{“code”:”PS”,”paidUpTo”:”2099-12-31”}, 
{“code”:”DC”,”paidUpTo”:”2099-12-31”}, 
{“code”:”RM”,”paidUpTo”:”2099-12-31”}, 
{“code”:”CL”,”paidUpTo”:”2099-12-31”}, 
{“code”:”PC”,”paidUpTo”:”2099-12-31”} 
], 
“hash”:”2911276/0”, 
“gracePeriodDays”:7, 
“autoProlongated”:false} 

4. 关闭IntelliJ IDEA的自动更新

image.png

打开Configure—setting,弹出如下窗口,将自动更新勾成不选择

image.png

5.IDEA关联JDK:

选择如下设置

image.png

弹出窗口,点击new,选择JDK:


image.png

选择之后如下,点击oK.


image.png

6.设置IDEA 字符集

image.png

image.png

7. IDEA配置maven

7.1. 下载

<u>https://archive.apache.org/dist/maven/maven-3/3.5.3/binaries/</u>

image.png

先下载与jdk对应的maven版本号;maven的版本号为3.6.2的intellig idea导入项目后报错Unable to import maven project-See logs for details,建议下载3.5.3版本

image.png

7.2. 环境变量

image.png

cmd》mvn -verson出现版本信息则配置成功

7.3. 设置本地存储仓及镜像地址

image.png

image.png

本地存储仓的文件夹位置


image.png

阿里云镜像
image.png
<mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>
</mirror>

7.4. Intellij中的配置

打开IDEA,选择如下菜单File—setting,找到如下窗口:设置maven的安装目录

image.png

设置maven的user settins配置,如下图


image.png

image.png

-Xms128m -Xmx512m -Duser.language=zh -Dfile.encoding=UTF-8


image.png

image.png

8. 配置SVN

image.png

9. IDEA配置git

打开IDEA,选择如下菜单

image.png

选择git安装bin目录下的git.exe


image.png

点击test提示配置成功


image.png

10. 设置IDEA导入项目显示结构

找到如下菜单

image.png

选择弹出窗口


image.png

image.png

选择项目,设置语言级别,点击OK


image.png

11. idea设置快捷键

打开设置

image.png

弹出如下窗口,可以选择eclipse风格的快捷键


image.png

导出设置好的IDEA设置,下次安装直接单这个设置导入配置即可


image.png

12. Idea导入项目,配置tomcat

Ps: 导入的不同项目,idea一个窗口只显示一个要切换在如下菜单切换

image.png

切换的窗口可以是当前窗口,也可是打开一个新窗口显示项目,在系统设置里面可以设置


image.png

配置tomcat:
点击如下图图标:


image.png

弹出如下窗口:
选择”+”号,选中tomcat菜单
image.png

弹出如下窗口:


image.png

设置maven clean install (一般开发可不设置)
image.png

添加tomcat部署设置:
image.png

选择对应的部署到tomcat的war包:
image.png

添加完成后,完善项目路径,如下图:
image.png

image.png

设置完成点击Apply—OK 即可
image.png

image.png

13. 全局代码风格设置

可设置代码语言风格,例如类名加粗显示,颜色变更,页面标签字体,颜色等

image.png

14. 设置树状文件夹

点击如图所示的小齿轮的图标,进入到设置界面,我们可以看到如图所示的那一项是勾选的,我们需要将勾选去掉

image.png

使用鼠标左键点击一下设置项就可以将勾选去掉,去掉后,设置界面如图所示,这样就完成了修改设置


image.png

修改好后,我们可以看到目录以树状结构完全展示出来了,这样比较便于操作和理解,当然如果需要还可以再将这个设置修改回来


image.png

15. IDEA编译less插件LESS CSS Compiler的安装

15.1. IDEA插件地址:LESS CSS Compiler  百度云盘下载地址

15.2. 安装Node.js,下载

15.3. 打开idea→settings→plugins 安装:“nodejs”插件,并按以下步骤进行配置:

image.png

15.4. 打开idea→settings→Languages & Frameworks→Node.js and NPM;

在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件

image.png

(如果此处不能添加,请使用npm命令进行全局安装;在“cmd”命令行 输入“npm install -g less”,安装less)


image.png

15.5 打开idea→settings→plugins ; 安装:file watchers插件,并按以下步骤进行设置

image.png

15.6 打开idea→settings→tools→file watchers; 在打开的面板中点击右侧加号按钮添加less配置,貌似插件自动就配置好了

image.png

image.png

15.7 安装LESS CSS Compiler插件

idea→Plugins→Install plugin from disk 选择第一步下载的插件文件,安装完成后无需进行任何配置

image.png

15.8 SpringBoot开启热部署

参考文档网址:

热部署:在编辑器中已经启动的项目,当再次修改其源代码后,能自动的进行编译、更新,不用人为的手动停掉项目,再进行重启。

未使用前:作为全栈工程师,使用 Thymeleaf 模板编写页面的时候,哪怕仅仅改动一个页面元素,都需要关闭正在运行的项目,然后手动重新启动,才能查看改动后的效果,

使用后:随便在页面中进行改动,ctrl + s 保存后,不需要重新启动项目,仅仅刷新一下页面就能立马看到改动后的效果,舒服,得劲儿!

那么下面将介绍如何在 SpringBoot 项目中开启热部署!!!

pom.xml

首先,要在 pom.xml 配置文件中,添加热部署插件及依赖包

依赖包:

<!-- SpringBoot工程实现热部署 -->
 <dependency>
       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-devtools</artifactId>
       <scope>runtime</scope>
       <optional>true</optional>
</dependency>

修改 idea 编辑器的配置项

image.png
image.png
image.png

apply后官弁,再按 ctrl + shift + alt + /

image.png

选中下面的可选项,再点击右下角的 apply:

image.png
image.png

image.png

以下参考网址:
image.png

在项目添加热部署插件(可选)

温馨提示:
如果因为旧项目十分臃肿,导致热重启很慢而影响开发效率,笔者建议直接在POM移除spring-boot-devtools依赖,然后使用Control+Shift+F9进行免启动快速更新!!
具体步骤:在POM文件添加热部署插件

       <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
        </dependency>

关闭浏览器缓存(重要)
打开谷歌浏览器,打开F12的Network选项栏,然后勾选【✅】Disable cache 。

image

最后重新启动一下编辑器!

下面再介绍一个 chrome 自动刷新的插件:

image.png

当修改源代码的视图文件后,回到 chrome 浏览器页面,会看到自动刷新的结果页面!

Caused by: net.sf.ehcache.CacheException: Another CacheManager with same name 'es' already exists in the same VM.

<dependency>
<groupId>net.sf.ehcache</groupId>
<artifactId>ehcache-core</artifactId>
<version>2.4.8</version>
</dependency>

参考文档网址:
https://blog.csdn.net/everest_man/article/details/78985879
SpringBoot 开启热部署(不需要重启,保存即可自动更新视图页面)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342