Sublime Text3 for Django Development
3 likes2,086 views
This document discusses Sublime Text plugins and packages for Django development. It recommends packages like Anaconda for auto-completion and linting, Djaneiro for Django templates and models, SidebarEnhancements and AdvancedNewFile for navigation, and SublimeLinter with plugins for linting Python code. It also covers Emmet for HTML snippets, Bootstrap snippets, and using bpython as an interactive Python console.
Sublime Text3 for Django Development
- 1. Sublime Text3 for Django Development @starwilly
- 3. Why Sublime Text • Lightweight • Speed • Cross Platform (Windows, OS X, Linux) • Package Control • Community
- 5. Keyboard Shortcuts • Command Palettes: Cmd+ Shift + P / Ctrl + Shift + P • Navigation • Quick Open File: Cmd + P / Ctrl + P • Go to Symbol: Cmd + R / Ctrl + R • Go To Line: Ctrl + G
- 6. Package
- 7. Package Control Installation https://packagecontrol.io/installation 1. Open Sublime Text Console: Ctrl+` 2. Paste the following code
- 8. Install Package • Open Command Palettes (Cmd + Shift + P) • Type “install” then Search Package Name
- 10. AdvancedNewFile • Cmd + Shift + n / Ctrl + Alt + n • Tab Autocompletion
- 11. Anaconda • Auto Completion • Code Linting (use sublimelinter) • Import Validation • Goto Definition • Tests Runner • McCabe Complexity Checker • … Turns your Sublime Text 3 into a full featured Python development IDE http://damnwidget.github.io/anaconda/
- 14. Configure Anaconda { "python_interpreter": "$VIRTUAL_ENV/bin/python", } { "anaconda_linting": false, "python_interpreter": "/home/damnwidget/.virtualenvs/anaconda/bin/python" } Virtualenv environment variables Virtualenv support http://damnwidget.github.io/anaconda/anaconda_settings/
- 15. Djaneiro • Template: • block => {% block %} {% endblock %} • tag => {% %} • var => {{ }} • View • view, createview, templateview … https://github.com/squ1b3r/Djaneiro
- 16. Djaneiro • Model: • Model • mchar => models.CharField() • fk => models.ForeignKey() • Form: • fchar => forms.CharField() • fchoice => forms.ChoiceField()
- 17. Linter hurt your feelings but help your code better
- 18. SublimeLinter • A Framework for ST3 Linters • Linter must be installed separately • SublimeLinter-pyflakes, SublimeLinter-pep8 • and more (jslint, csslint …)
- 19. Installation • Install SublimeLinter • pip install pep8 • Install SublimeLinter-pep8 (by package control) • Linter configuration
- 20. Find Linter Executable # Mac OS X, Linux hash -r which python # Windows where python Add to Path (Two Options) 1. Add the path to the “paths” global setting. 2. On Mac OS X or Linux, adjust your shell startup files On Windows, add PATH environment variable. Find Linter location
- 21. Linter Config
- 22. Linting
- 23. Front End
- 24. Bootstrap 3 Snippet • Use Command Palettes to find: Cmd + Shift + P • bs3-input-group-btn • bs3-form-forizontal • …
- 25. Emmet (Zen Coding) • HTML Abbreviation (CSS selector-like syntax) #page>div.logo+ul#navigation>li*5>a{Item $} fl bgc http://docs.emmet.io/cheat-sheet/ w15+h20+mb15+mr20 • CSS code snippets
- 26. bpython • a fancy interface to the Python interpreter pip install bpython
- 27. Thank you
- 28. • SidebarEnhancement https://github.com/titoBouzout/SideBarEnhancements • AdvancedNewFile https://github.com/skuroda/Sublime-AdvancedNewFile • Anaconda http://damnwidget.github.io/anaconda/ • Djaneiro https://github.com/squ1b3r/Djaneiro
- 29. • SublimeLinter https://github.com/SublimeLinter/SublimeLinter3 Pyflakes https://github.com/SublimeLinter/SublimeLinter-pyflakes PEP8 https://github.com/SublimeLinter/SublimeLinter-pep8 • Bootstrap 3 Snippet https://github.com/JasonMortonNZ/bs3-sublime-plugin • Emment http://emmet.io/ • bpython http://bpython-interpreter.org/