鍍金池/ 教程/ C++/ Emmet 的使用
介紹
IntelliJ IDEA 界面介紹
最特殊的快捷鍵 Alt + Enter 介紹
IntelliJ IDEA 配合 Maven 的一些技巧
文件代碼模板的使用
常見(jiàn)文件類型的圖標(biāo)介紹
IntelliJ IDEA 推薦設(shè)置講解
Maven 項(xiàng)目介紹
IntelliJ IDEA 相關(guān)核心文件和目錄介紹
Debug 介紹
IntelliJ IDEA 常用設(shè)置講解 - 2
IntelliJ IDEA 插件開發(fā)視頻教程
IntelliJ IDEA 緩存和索引介紹和清理方法
IntelliJ IDEA 主題、字體、編輯區(qū)主題、文件編碼修改、亂碼問(wèn)題
Maven 的單模塊 Spring Boot 項(xiàng)目
IntelliJ IDEA 遠(yuǎn)程調(diào)試 Tomcat
插件的使用
IntelliJ IDEA 編譯方式介紹
IntelliJ IDEA For Mac 快捷鍵
IntelliJ IDEA 常用設(shè)置講解 - 1
首次運(yùn)行
Ubuntu 系統(tǒng)下安裝 IntelliJ IDEA
數(shù)據(jù)庫(kù)管理工具介紹
重構(gòu)講解
從 Windows 過(guò)度到 Mac 必備快捷鍵對(duì)照表
Windows 系統(tǒng)下安裝 IntelliJ IDEA
Maven 的單模塊 / 多模塊之 Spring MVC + Spring + Spring Data JPA 項(xiàng)目
版本控制的使用
IntelliJ IDEA 的 Java 熱部署插件 JRebel 安裝及使用
IntelliJ IDEA 常用設(shè)置講解 - 3
Emmet 的使用
Postfix Completion 的使用
Mac 系統(tǒng)下安裝 IntelliJ IDEA
本系列教程結(jié)束
實(shí)時(shí)代碼模板的使用
快捷鍵
IntelliJ IDEA 項(xiàng)目相關(guān)的幾個(gè)重要概念介紹
安裝總結(jié)
Maven 的單模塊 / 多模塊之 Spring MVC + Spring + Mybatis 項(xiàng)目講解
關(guān)于
Eclipse 的 Java Web 項(xiàng)目環(huán)境搭建
IntelliJ IDEA 常用設(shè)置講解 - 4
Hello World 項(xiàng)目創(chuàng)建與項(xiàng)目配置文件介紹

Emmet 的使用

Emmet 的介紹

Emmet 的前身叫做:Zen Coding,也許熟知舊名的人不在少數(shù)。Emmet 一般前端工程師用得比較多,具體它是做什么的,我們通過(guò)下面兩張 Gif 演示圖來(lái)說(shuō)明:

http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/images/xix-a-emmet-introduce-1.gif" alt="Emmet 的介紹" />

http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/images/xix-a-emmet-introduce-2.gif" alt="Emmet 的介紹" />

  • IntelliJ IDEA 自帶 Emmet 功能,使用的快捷鍵是 Tab。

Emmet 資料介紹:

Emmet 的設(shè)置

http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/images/xix-b-emmet-settings-1.jpg" alt="Emmet 的設(shè)置" />

  • 如上圖標(biāo)注 1 所示,IntelliJ IDEA 支持主流四個(gè)瀏覽器內(nèi)核的一些特別 CSS 書寫。
  • 如上圖標(biāo)注 2 所示,可以增加或是刪除某些屬性。
  • 具體使用,如下圖 Gif 演示。

http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/images/xix-b-emmet-settings-2.gif" alt="Emmet 的設(shè)置" />

http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/images/xix-b-emmet-settings-3.jpg" alt="Emmet 的設(shè)置" />

  • 如上圖標(biāo)注紅圈所示,在 Live Templates 中也有預(yù)設(shè)三套代碼模板。