i recently started using sublime text after years of using adode dreamweaver. I was intimidated from making the transition into sublime from dreamweaver because it seem very difficult to learn. I realize i have to move to new options, the old way of creating websites with dreamweaver is not feasible. you waste so much time coding. I have started looking into Laravel and AngularJs to create my dynamic websites. One of the main reasons why i am making the switch is because dreamweaver costs $1700 while sublime and laravel are free to use. no brianer, so i am forcing myself to make the switch. these are my notes for using sublime text I follow the video tutorial on this youtube channel which was very helpful: https://www.youtube.com/watch?v=zS_4yLizMBw&list=PLpcSpRrAaOaqQMDlCzE_Y6IUUzaSfYocK&index=1 .
source: https://www.youtube.com/watch?v=zS_4yLizMBw&list=PLpcSpRrAaOaqQMDlCzE_Y6IUUzaSfYocK&index=1

alt+shift+w = put html tags between selected text


PUT HTML TAG BETWEEN EACH LINE
select text, then ctl+shift+l, then alt+shift+w

2=============
1:05 move lines up or down
ctl+shift+arrow to move a line down or up

DUPLICATE LINE 1:40
ctl+shift+d

REMOVE LINE: 202
ctl+shift+k

INDENTATION:
ctl+[
crl+]

INDENT ALL SELECTED TEXT:
go to : edit > line > reindent


INTELLEGENT PASTE: will indent automatically past text
ctl+shift+v

3=============
255
ctl+p = open a file in the folder you have on the left menu 

open a function in a file:
ctl+p then enter the file or first letters of file and then @

class: [email protected]

jump to a particular tag: filename#tagname

jump to a line number: filename:line number

to jump to the current file, just leave the filename out and just enter @ # or :

732
show unsaved changes:
right lick and select "show unsaved changes", a new windwo will open
to close, press esc key


858
save work enveringments
project > save project as..

4=============
command pallet
ctl+shift+p

cover text to html: ctl+shift+p 
> convert

>set html

5=============
packages

INSTALL packages
1. install a package manager
google: sublime text package manager > look fro "Package control"
results: https://packagecontrol.io/
look for installation link
NOTE: make sure the firewall settings allow sublime to access internet
if you get error: import error no module named requests install manually



2. ctl+shift+p > enter: install package and select (example: color highlighter)

6=============
SNIPPETS

tool > snippets

tag then tab

html > tab

7=============
emmet

ctl+shift+p > install package > emmet > ENTER
close the readme file


u + tab
u>li + tab
u>li>a + tab
u>li*10>a + tab // adds 10 list items
u>li.item-$*10>a + tab // adds 10 list items with each class
u>li.item-$$*10>a + tab // adds 10 list items with each class leading zeros
u>li.item-$$$*10>a + tab // adds 10 list items with each class

4:00
wrap text, look at the list below, its unordered

Wednesday
Monday
Tuesday
Friday
Thursday
Saturday
Sunday

4:45
select text you want to wrap, then ctl+shift+g

4:53 - column selection tool
shift + RIGHT click drag (NOTE, its not LEFT click ok)
then ctl+shift+g
puts a 
on each day IMPORTANT: yo will noticed a box at the bottom called: Bottom of screen you will see: Enter Wrap Abbreviations: (you can enter li.day-$$>span ) ENTER when done NOTICE: you will noticed that you dont have
    , to enter a
      simply put your curson at the end of any list item and 5:57 enter type 'Ul' at the Enter Wrap Abbreviations enter the following emmet command: TRY IT! (header.site-header>h1+nav>ul>li*5>a)+(div.site-body>div.main+aside.sidebar)+(footer.site-footer>p) + tab NOTE: USE no spaces CSS EMMET 9:11 you can use short cuts, for example: dv + tab tdn + tab mr10 + tab mb15 + tab p10 + tab p10-20 + tab w85p + tab fl + tab tac + tab will results: dv= display: block; tdn= text-decoration: none; mr10 margin-right: 10px; mb15 margin-bottom: 15px; p10 padding: 10px; p10-20 padding: 10px 20px; w85p width: 85%; fl float: left; tac text-align: center; to increment values, you can use the ctl+arrwo up or down 8============= snippets tools > new snippet:

      hte ${2:cat} was ${2:fast}

]]> d text.html 9============= key binding (keyboard shortcuts create a shortcut for Reindent preferences > keybinding user (will open an empty file with [] the skeleton for key binding is: FORMAT: {"keys": ["KEY SHORTCUTS"], "command":"COMMAND NAME"} example: [ {"keys": ["control+shift+i"], "command":"reindent"}, {"keys": ["control+shift+c"], "command":"title_case"} ] * you can show console to find the name of the COMMAND NAME sublime.log_commands(True) // will show the log edit > convert case > upper case = you will see the name of the command in the console sublime.log_commands(True) // will disable showing the log press ESC to close the console 10============= MACROS - record key strokes ctl + q // to start recording do the keystrokes you want to record ctl + q // to stop recording to see if it does what you want it to do, test run by: tools > playback macro tools > save macro... to use it: tools > macros > new_curly_line you can create a shortcut key, go to: preferences > keybinding user add the following: {"keys": ["alt+enter"], "command":"urn_macro_file", "args": {"file":"Packages/User/new-curly-line.sublime-macro"}} *NOTE: make sure to put a comman on the previous command (like json format if you dont know what the name of the macro is you can find it in: C:\Users\toshiba\Desktop\Apps\Sublime\Data\Packages\User if you need to modify the macro: 6:00 ctl + q // to start recording do the keystrokes you want to record ctl + q // to stop recording tools > save macro... overwrite the macro you previously saved 11============= Scheme and theme Scheme preferences > color scheme - default > monokai theme preferences > settings user add the following at the top: (example: "theme": "Flatland Dark.submlime-theme", save restart sublime if you change themes frequently check out a package called themr 12============= usability 1. highlight the current line you are on preferences > settings user add: "highlight_line': true, 2. cursor width: "caret_extra_width": 5, 3. caret_extra_top: "caret_extra_top": 1, 4. caret_extra_top: "caret_extra_top": 1, 5. line_padding_bottom: "line_padding_bottom": 1, 5. bold_folder_labels: "bold_folder_labels": 1, view > layout > 2 columns file > view into file > then drag the new file to the 2nd column