http://kenji.blog/zh-tw/tags/intellij-idea/Recent content in IntelliJ IDEA on kenji.blogHugo -- gohugo.iozh-twkenjinoteSat, 10 Sep 2022 09:44:55 +0900http://kenji.blog/zh-tw/p/%E5%9C%A8-intellij-idea-%E4%B8%AD%E4%BD%BF%E7%94%A8-github-copilot/Sat, 10 Sep 2022 09:44:55 +0900http://kenji.blog/zh-tw/p/%E5%9C%A8-intellij-idea-%E4%B8%AD%E4%BD%BF%E7%94%A8-github-copilot/<img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img.png" alt="Featured image of post 在 IntelliJ IDEA 中使用 GitHub Copilot" /><h1 id="簡介">簡介 </h1><p>GitHub Copilot 是由 GitHub 開發的基於 AI 的程式碼完成工具。 您可以透過在開發環境 IntelliJ IDEA 中安裝 GitHub Copilot 外掛程式來在 IntelliJ IDEA 中使用 GitHub Copilot。 啟動需要 GitHub 帳戶。</p> <h1 id="安裝方法">安裝方法 </h1><ol> <li>從 IntelliJ IDEA 的 File 選單中選擇 Settings</li> <li>選擇 Plugins，在搜尋框中搜尋 &ldquo;GitHub Copilot&rdquo; <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_0.png" width="984" height="713" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_0_hu1a17f06d84f4c3bc905993428da2585e_52443_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_0_hu1a17f06d84f4c3bc905993428da2585e_52443_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img.png" class="gallery-image" data-flex-grow="138" data-flex-basis="331px" ></li> <li>從安裝按鈕進行安裝 <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_1.png" width="440" height="288" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_1_hu760c08385147deb656e4c3f97738e20a_11542_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_1_hu760c08385147deb656e4c3f97738e20a_11542_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_1.png" class="gallery-image" data-flex-grow="152" data-flex-basis="366px" ></li> <li>點擊 Restart IDE 按鈕重新啟動 IntelliJ IDEA <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_2.png" width="984" height="713" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_2_hue7ac4db80b402fe88ff676c2505b2e26_63613_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_2_hue7ac4db80b402fe88ff676c2505b2e26_63613_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_2.png" class="gallery-image" data-flex-grow="138" data-flex-basis="331px" > <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_3.png" width="370" height="128" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_3_huf684fa748633ae887c193539a3f1f778_4849_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_3_huf684fa748633ae887c193539a3f1f778_4849_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_3.png" class="gallery-image" data-flex-grow="289" data-flex-basis="693px" > 重新啟動 IntelliJ IDEA 後，安裝即完成。</li> </ol> <h1 id="啟動">啟動 </h1><ol> <li>點擊右下角的圖示</li> <li>點擊 Login to Github <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_4.png" width="179" height="97" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_4_huda05efd9621c0a19fb78fc4f90866e22_2661_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_4_huda05efd9621c0a19fb78fc4f90866e22_2661_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_4.png" class="gallery-image" data-flex-grow="184" data-flex-basis="442px" ></li> <li>點擊 Copy and Open 按鈕 <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_6.png" width="422" height="199" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_6_hua124fecdd3632e6b95f8259e5e606e1a_8284_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_6_hua124fecdd3632e6b95f8259e5e606e1a_8284_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_6.png" class="gallery-image" data-flex-grow="212" data-flex-basis="508px" ></li> <li>瀏覽器將開啟，如果您尚未登入 GitHub，請先登入，然後使用 Ctrl+V 貼上程式碼，並點擊 Continue 按鈕 <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_7.png" width="579" height="530" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_7_hub4e276df82537681adc4331944f40166_19231_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_7_hub4e276df82537681adc4331944f40166_19231_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_7.png" class="gallery-image" data-flex-grow="109" data-flex-basis="262px" ></li> <li>點擊 Authorize GitHub Copilot Plugin 按鈕 <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_8.png" width="546" height="689" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_8_hu1e48fa0fb5989dc3e0616b0ee84b6476_33153_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_8_hu1e48fa0fb5989dc3e0616b0ee84b6476_33153_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_8.png" class="gallery-image" data-flex-grow="79" data-flex-basis="190px" > <img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_9.png" width="454" height="337" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_9_hu73bf5cd6f6a7ddf7aa8e1b63387b9c7d_7965_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_9_hu73bf5cd6f6a7ddf7aa8e1b63387b9c7d_7965_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_9.png" class="gallery-image" data-flex-grow="134" data-flex-basis="323px" > 如果顯示上述畫面，則啟動完成。</li> </ol> <h1 id="試用看看">試用看看 </h1><p><img src="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_10.png" width="330" height="136" srcset="http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_10_hu25143f366631b8ce9af8689b387ca520_6039_480x0_resize_box_3.png 480w, http://kenji.blog/p/intellij-idea%E3%81%A7github-copilot%E3%82%92%E4%BD%BF%E3%81%86/images/img_10_hu25143f366631b8ce9af8689b387ca520_6039_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_10.png" class="gallery-image" data-flex-grow="242" data-flex-basis="582px" > 當您在 IntelliJ IDEA 編輯器中輸入幾個字元時，GitHub Copilot 將開始建議程式碼的後續部分。 享受 AI 強大的自動完成功能吧！</p>http://kenji.blog/zh-tw/p/intellij-idea%E3%81%A7%E6%97%A5%E4%BB%98%E3%82%92%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%82%8B%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B/Sun, 04 Sep 2022 05:59:04 +0900http://kenji.blog/zh-tw/p/intellij-idea%E3%81%A7%E6%97%A5%E4%BB%98%E3%82%92%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%82%8B%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B/<img src="http://kenji.blog/p/intellij-idea%E3%81%A7%E6%97%A5%E4%BB%98%E3%82%92%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%82%8B%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B/images/IntelliJ_logo.png" alt="Featured image of post 在 IntelliJ IDEA 中新增插入日期的指令" /><h1 id="前言">前言 </h1><p>寫這個部落格時，我使用的是 IntelliJ IDEA。它不僅與 Git 的相容性很好，還能顯示 Markdown 的預覽，非常方便。 每次寫部落格時，都必須在 md 檔案的標頭中寫入 date，但似乎沒有插入日期的快捷鍵，因此我參考了下方的網站，建立了一個用來插入日期的指令。希望能對大家有所幫助。</p> <p><a class="link" href="https://stackoverflow.com/questions/8714779/is-there-a-shortcut-for-inserting-date-time-in-intellij-idea" target="_blank" rel="noopener" >Is there a shortcut for inserting date/time in IntelliJ IDEA?</a></p> <h1 id="設定步驟">設定步驟 </h1><ol> <li>開啟選單中的「File」&gt;「Settings&hellip;」<br> <img src="http://kenji.blog/images/settings.png" loading="lazy" alt="settings" ></li> <li>在選取「Editor」&gt;「Live Template」&gt;「HTML/XML」的狀態下，點擊「+」</li> <li>選擇 Live Template</li> <li>在 Abbreviation 中輸入「date」</li> <li>在 Description 中輸入「插入日期和時間」</li> <li>在 Template Text 中輸入「$date$」</li> <li>點擊 Edit Variables 按鈕<br> <img src="http://kenji.blog/images/edit_template_variables.png" loading="lazy" alt="edit_template_variables" ></li> <li>在 Name 中輸入「date」</li> <li>在 Expression 中輸入 <code>date(&quot;yyyy-MM-dd'T'HH:mm:ss'+09:00'&quot;)</code></li> <li>點擊 OK 關閉對話方塊</li> <li>按下 Define 或 Change 並勾選「Everywhere」</li> <li>點擊 OK 關閉對話方塊</li> <li>在程式碼編輯器中輸入「date」並按下 Enter，若成功插入日期「2022-09-04T05:59:04+09:00」，即代表設定完成！</li> </ol> <p>以上</p> <h1 id="結語">結語 </h1><p>如果再發現 IntelliJ IDEA 的小技巧，我會再繼續發布分享！</p>