Useful Package of Sublime Text3 for Django Development

1. Sublime Text3
for Django Development
@starwilly

2. Integrated development environment
IDE
Text Editor

3. Why Sublime Text
• Lightweight
• Speed
• Cross Platform (Windows, OS X, Linux)
• Package Control
• Community

4. Let’s get started

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

9. SidebarEnhancements
https://github.com/titoBouzout/SideBarEnhancements

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/

12. Anaconda
Show Documentation

13. Anaconda
Goto Definition

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/