【前端開發工具-代碼編輯器-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閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374