Development WebWith IntelliJ IDEA

雷卷

2www.jetbrains.com/idea

Agenda

Editor ActionsJavaScript support HTML SupportCSS supportCode InspectionIntention Action

3www.jetbrains.com/idea

Editor Actions• Ctrl+Space: Code Completion• Ctrl+Alt+T: Surround with • Ctrl+Shift+Delete: Remote Surround• Ctrl+B: Go to delaration• Ctrl+Shift+I: Show content• Ctrl+Q: Quick Document• Ctrl+/: Comment• Alt+Enter: Invoke Intention Action

4www.jetbrains.com/idea

Navigation Actions• Ctrl+Shift+N: Open File• Ctrl+Shift+Alt+N: Open symbol

5www.jetbrains.com/idea

JavaScript Support• JSDoc Full Support• YUI, JQuery, DOJO, ExtJS support• Javascript Debug• Refactor: rename, Move file, safe delete• JS Inspections

6www.jetbrains.com/idea

JsDoc tags• @class and @construct• @extends Class_Name• @param {paramType} paramName

paramDescription• @Type Class_Name• @namepsace• @static

7www.jetbrains.com/idea

HTML Support• Navigation with the active breadcrumbs

bar • HTML validation & quick-fixes• Show Applied Styles for Tag• Open in Browser command

8www.jetbrains.com/idea

CSS Support• CSS code completion• Properties merge• Quick doc• On-the-fly validation & intention actions

9www.jetbrains.com/idea

Velocity Support• Javascript, CSS, HTML Support• Java Support• Data Language and Template Language• Inspections and Intentions

10www.jetbrains.com/idea

Q&ALeijuan