Some good Intellij IDEA plugin for developer
Download as PPTX, PDF1 like2,732 views
The document discusses several useful IntelliJ IDEA plugins for developers including AngularJS for creating Angular projects, LiveEdit for live preview of code changes, ideaVim for keyboard shortcuts, Key promoter for showing keyboard shortcuts, and QAPlug for code quality analysis tools like CheckStyle, FindBugs, and PMD. It provides instructions for installing and configuring the AngularJS, LiveEdit, and QAPlug plugins as well as an overview of what the ideaVim and Key promoter plugins do. The AngularJS section outlines how to create an Angular project using the AngularJS plugin and install dependencies.
Some good Intellij IDEA plugin for developer
- 1. Some good IntelliJ IDEA Plugins for Developer Nguyen Thanh Tuan Platform Department @Septeni-Technology
- 2. Agenda - AngularJS - LiveEdit - Key promoter, IdeaVim - QAPlug
- 3. AngularJS +Install Angular JS, NodeJS Plugin +File -> Settings -> Plugins -> Search and Install +Install NodeJS +Access nodejs.org and download lastest version +Add PATH +Linux : export PATH=$PATH:{nodeJs directory} +Windows : My Computer -> Properties -> Advanced System Settings -> Advanced tab -> Environment Variables button -> Path -> Edit -> Insert -> Save
- 4. AngularJS ( Create project) 1 + Choose File | New | Project on the main menu or click the New Project button on the Welcome screen. + On the first page of the New Project wizard, choose Static Web in the left- hand pane. + In the right-hand pane, choose AngularJS and click Next. + On the second page of the wizard, specify the project name and the folder to create it in. + From the Version drop-down list, choose the branch https://github.com/angular/angular.js to download the project template from. By default, master if shown.
- 5. AngularJS ( Create project) 2 + When you click Finish , IntelliJ IDEA sets up the AngularJS-specific project structure and generates the bower.json and package.json files with the definitions of all the necessary dependencies. + Download the AngularJs dependencies that contain the AngularJS code and the tools that support development and testing. + Launch the embedded Terminal by hovering your mouse pointer over show_tool_window_bars in the lower left corner of IntelliJ IDEA and choosing Terminal from the menu (see Working with Embedded Local Terminal for details). + Switch to the directory where NPM is stored or define a PATH variable for it so it is available from any folder, see Installing NodeJs. + At the command line prompt, type the following command: npm install
- 6. LiveEdit +Enable or Install Live Edit Plugin +File -> Settings -> Plugins -> Search Live Edit +Install JetBrains IDE Support for Chrome +Config debug in Javascript Debug +Click button Debug or Run -> Debug or Alt+Shift+F9 => enjoy
- 7. ideaVim File -> Settings -> Plugins -> ideaVim
- 8. Key promoter Shows to user how easy he can make same action using only keyboard(menus and toolbar button mouse clicks initiates shortcut display)
- 9. QAPlug +Install +File -> Settings -> Plugins -> QAPlug , QAPlug - CheckStyle, QAPlug - FindBugs, QAPlug - Hammurapi, QAPlug - PMD +Use : +Right Click to File or Project -> Analyze -> Analyze Code +Customize : +Build ower Codeing rules for each project
- 10. Thank you for coming
Editor's Notes
- #4: https://www.jetbrains.com/idea/help/using-angularjs.html
- #6: Installing AngularJS Manually Download the AngularJS framework at http://angularjs.org/. Configure AngularJS as a IntelliJ IDEA JavaScript library, to let IntelliJ IDEA recognize AngularJS-specific structures and provide full coding assistance: Open the Settings dialog box, and click JavaScript Libraries. In the Libraries area, click the Add button. In the New Library dialog box that opens, specify the name of the library. Click the Add button add next to the list of library files and choose Attach Files or Attach Directory on the context menu, depending of whether you need separate files or an entire folder. Select the Angular.js or Angular.min.js, or an entire directory in the dialog box that opens. IntelliJ IDEA returns to the New Library dialog box where the Name read-only field shows the name of the selected files or folder. In the Type field, specify which version you have downloaded and are going to add. If you added Angular.js, choose Debug. This version is helpful in the development environment, especially for debugging. If you added the minified Angular.min.js, choose Release. This version is helpful in the production environment because the file size is significantly smaller.
- #9: Reading through document with keyboard shortcuts for IDE is boring and often you do not have time to learn it. Dmitry Kashin wrote simple yet powerfull plugin for IntelliJ Idea – Key Promoter. It simply displays keyboard shortcuts whenever it is possible to speed up your work.
- #10: http://qaplug.com/about/tutorials/