美文网首页
【前端开发工具-代码编辑器-intellij idea-2017

【前端开发工具-代码编辑器-intellij idea-2017

作者: smartdream | 来源:发表于2020-05-19 15:01 被阅读0次

快捷键

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 开启热部署(不需要重启,保存即可自动更新视图页面)

相关文章

网友评论

      本文标题:【前端开发工具-代码编辑器-intellij idea-2017

      本文链接:https://www.haomeiwen.com/subject/kurightx.html