ucsy cs club week2

12
WRITE CODING AS A NINJA

Upload: moe-lone-pyae-shan

Post on 08-Aug-2015

54 views

Category:

Software


0 download

TRANSCRIPT

Page 1: UCSY CS Club Week2

WRITE CODING AS A NINJA

Page 2: UCSY CS Club Week2

HIGHLIGHTS

• Introduction of Sublime Text

• Language Support

• Interface

• Features

• Package Manager

• Installation

• Resources

Page 3: UCSY CS Club Week2

WHAT IS SUBLIME TEXT?• Sublime Text is a sophisticated text editor for code,

markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.

• Sublime Text is a cross-platform text and source code editor, with a Python application programming interface (API). 

• Sublime Text is written in C++ & Python.

Page 4: UCSY CS Club Week2

LANGUAGE SUPPORT• Sublime Text is able to highlight syntax for a number of different

programming languages including ActionScript, AppleScript, ASP, batch files, C, C++, C#, Clojure, CSS, D, Diff, Erlang, Go, Graphviz (DOT), Groovy, Haskell, HTML, Java, JSP, JavaScript, JSON, LaTeX, Lisp, Lua, Makefiles, Markdown, MATLAB, Objective-C, OCaml, Perl, PHP, Python, R, Rails, Regular Expressions, reStructuredText, Ruby, Scala, shell scripts (Bash), SQL, Tcl, Textile, XML, XSL, and YAML. In addition to those that are included with the initial package, users can download add-ons to enable support for other languages or syntaxes.

Page 5: UCSY CS Club Week2

INTERFACEThemes

• Sublime Text contains 22 different visual themes, with the option to download additional ones.

Minimap

• The minimap feature shows a reduced overview of the entire file in the top-right corner of the screen. The portion of the file visible in the main editor pane is highlighted and clicking or dragging in this view scrolls the editor through the file.

Panels, groups and screen modes

• The program offers a number of screen modes including panels that can show up to four files at once as well as full screen and distraction free modes which only show one file without any of the additional menus around it.

Page 6: UCSY CS Club Week2

FEATURESColumn selection and multi-select editing

• This feature allows users to select entire columns at once or place more than one cursor in text, which allows for simultaneous editing. All cursors then behave as if each of them was the only one in the text. Commands like move by character, move by line, text selection, move by words, move by subwords (CamelCase, hyphen or underscore delimited), move to beginning/end of line etc., affect all cursors independently, allowing one to edit slightly complex repetitive structures quickly without the need to use macros or regex.

Auto completion

• A common feature within text editors Sublime Text will offer to complete entries as the user is typing depending on the language being used. It also auto-completes variables created by the user.

Syntax highlight and high contrast display

• The dark background on Sublime Text is intended to reduce eyestrain and increase the amount of contrast with the text. As certain types of syntax are highlighted in different colours, these stand out better compared to the background than if it were light.

Snippets

• This feature allows users to save blocks of frequently used code and assign keywords to them. The user can then type the keyword and press tab to paste the block of code whenever they require it.

Page 7: UCSY CS Club Week2

OTHER FEATURESSublime Text has a number of features in addition to these including:

• Auto-save, which prevents users from losing their work

• Customizable key bindings, a navigational tool which allows users to assign hotkeys to their choice of options in both the menus and the toolbar.

• Find as you type, used to search the document and begins to look for the text being entered as the user types.

• Spell check function corrects as you type.

• Macros.

• Repeat the last action.

• A wide selection of editing commands, including indenting and unindenting, paragraph reformatting and line joining.

Page 8: UCSY CS Club Week2

PACKAGE MANAGER• Sublime Text can be equipped with a package manager called

Package Control that allows the user to find, install, upgrade and remove packages, usually without restarting Sublime Text. The package manager keeps installed packages up-to-date with an auto-upgrade feature and downloads packages from GitHub, BitBucket and a custom JSON-encoded channel/repository system. It also handles updating packages cloned from GitHub and BitBucket via Git and Hg, as well as providing commands for enabling and disabling packages. The package manager also includes a command to bundle any package directory into a .sublime-package file.

Page 9: UCSY CS Club Week2

A selection of third-party packages available:

• SublimeCodeIntel — Features include Jump to Symbol Definition, Function Call Tool-Tips.

• Sublime Goto Documentation — Opens relevant documentation for the highlighted function.

• Bracket Highlighter — Enhances the basic highlights Sublime Text provides for bracket pairs.

• Sublime dpaste — Sends selected text to the dpaste.com service.

• SublimeLinter — Code linting (validation) for JavaScript, Perl, PHP, Python, Ruby, and others.

• Side Bar Enhancements — Enhancements to the Sublime Text 2 sidebar with new options for deleting, opening, moving, creating, editing, and finding files.

Page 10: UCSY CS Club Week2

MANUAL INSTALLATIONDownload Sublime Text Click Here

1. Install Sublime Text

2. Preferences>Browser Package

3. Back to Sublime Text 3 Folder

4. Copy Package Control.sublime-package file into Installed Packages Folder

5. Copy emmet-sublime-master folder into Packages Folder

6. Copy pyv8-win64-p3 folder into Packages Folder

7. Restart Sublime Text Editor

Page 11: UCSY CS Club Week2

RESOURCES• Sublime Text 3 Documentation

http://www.sublimetext.com/docs/3/

• Sublime Text Unofficial Documentation http://docs.sublimetext.info/en/latest/index.html

• Emmet — the essential toolkit for web-developershttp://emmet.io/

• Emmet Documentation http://docs.emmet.io/

Page 12: UCSY CS Club Week2

Thank You!

www.fb.com/ucsycsclub

www.fb.com/groups/ucsycsclub/