license dan Konfigurasi Sublime Text 3

Assalaamu’alaik­um Warahmatullaahi ­ Wabarakaatuh
        (السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ)

/* Apa itu Sublime Text? */

    
       Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya akan fitur, cross-platform, mudah dan simpel yang cukup terkenal di kalangan pengembang, penulis, dan desainer. Sublime text juga mendukung banyak bahasa pemrograman diantaranya C++, C#, CSS,PHP,HTML,Javascript, ASP, dan masih banyak lagi. Sublime text mempunyai beberapa kenggulan – keunggulan yang dapat membantu pengguna dalam membuat sebuah web development. Berikut beberapa keunggulan tersebut diantaranya :

• Multi Platform
  Kelebihan pertama dari Sublime Text adalah software ini tersedia dalam berbagai platform sistem operasi, antara lain Windows, Linux dan MacOs.
• Plugin
  Plugin-nya sangat beragam, sehingga bisa memudahkan programmer dalam mengembangkan software-nya.
• Tema dan color scheme yang bervariasi
  Anda bahkan bisa membuatnya sendiri atau mendownloadnya secara terpisah.
• Membuka File Besar
  Sublime Text mampu membuka dan mengedit sebuah file teks yang sangat besar tanpa masalah.
• Drag & Drop
  Menyeret dan melepas file teks ke dalam editor akan membuka tab baru secara otomatis. Anda juga bisa menentukan lokasi tab pada saat menyeret file teks tersebut.
• Membuka banyak dokumen sekaligus ke dalam tab baru
• Editor Sublime Text yang terpisah bisa di jadikan sebagai tab
  Editor Sublime Text pada jendela terpisah bisa jadikan sebagai tab baru dengan cara di seret. Tampilan jendela dapat dibagi baik secara vertikal maupun horizontal.

/* License Sublime Text? */

       Setelah selesai install sublime text alangkah baiknya kita memasukkan license-nya. Berikut langkah -langkahnya :

STEP 1 >> Buka Sublime Text, Setelah itu pada menubar pilih Help>Enter License.

STEP 2 >> Maka akan muncul Layar Inputan License

STEP 3 >> Copy(ctrl+c) kode License berikut ini 

----- BEGIN LICENSE ----- Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB979FE 91424C9D A45400BF F6747D88 2FB88078 90F5CC94 1CDC92DC 8457107A F151657B 1D22E383 A997F016 42397640 33F41CFC E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D 5CDB7036 E56DE1C0 EFCC0840 650CD3A6 B98FC99C 8FAC73EE D2B95564 DF450523 ------ END LICENSE ------

STEP 4 >> Pastekan(ctrl+v) ke dalam Layar Inputan License

STEP 5 >> Kemudian klik Use License, Lalu muncul jendela peringatan klik Ok

STEP 6 >> Selanjutnya kita cek apakah pemberian license berhasil, dengan cara pada menubar pilih Help > About Sublime Text(gambar berikut mengartikan license sukses).

/* Konfigurasi Sublime Text */

Cakupan Materi :

(1) User Setting
(2) HTML Preferences
(3) CSS
(4) Markdown
      a. Markdown
      b. MultiMarkdown

(1) User Setting
Settingan default pengguna Sublime text dapat diubah dengan setting yang khusus(untuk HTML, Markdown, CSS, dan juga yang lainnya)


Caranya gimana ???


STEP 1 >> Buka Sublime Text
STEP 2 >> Buka file personal setting(Preferences > Setting-User)

STEP 3 >> Akan muncul file "Preferences.Sublime-Settings".

STEP 4 >> Ganti isinya dengan kode berikut(Silahkan Copypaste(ctrl+V))

{ // Sets the colors used within the text area "color_scheme": "Packages/Color Scheme - Default/Blackboard.tmTheme", // Font face & size "font_face": "Consolas", "font_size": 16, // Characters that are considered to separate words "word_separators": "./\\()\"'-:,.;<>~!@#%^&*|+=[]{}`~?", // The number of spaces a tab is considered equal to "tab_size": 4, // Set to true to insert spaces when tab is pressed "translate_tabs_to_spaces": true, // OS X only: When files are opened from finder, or by dragging onto the // dock icon, this controls if a new window is created or not. "open_files_in_new_window": false, // Makes tabs with modified files more visible "highlight_modified_tabs": true, // List any packages to ignore here. When removing entries from this list, // a restart may be required if the package contains plugins. "ignored_packages": [ "Vintage", "Sublime Linter" ] }

         
STEP 5 >> Setelah di Copy Paste pada file "Preferences.Sublime-Setting", akan menghasilkan

(2) HTML Preferences

STEP 1 >> Buat file kosong dengan menekan Command + N (Mac) atau Ctrl + N (Windows atau Linux) di dalam Sublime Text.
STEP 2 >>  Pilih "Plain Text" di bagian kanan bawah jendela sublime text.Selanjutnya akan muncul berbagai daftar bahasa pemrograman, Pilih HTML.

 STEP 3 >> Buka pengaturan preferensi untuk coding HTML

• Mac OS X: Sublime Text 2 > Preferences > Settings - More > Syntax Specific - User
• Windows: Preferences > Settings - More > Syntax Specific - User
• Linux: Preferences > Settings - More > Syntax Specific - Use
  

STEP 4 >> Selanjutnya akan muncul file "HTML.sublime-settings", Copy Paste(ctrl+v) kode berikut ke dalam file "HTML.sublime-settings"

{ // Sets the colors used within the text area "color_scheme": "Packages/Color Scheme - Default/Blackboard.tmTheme", // The number of spaces a tab is considered equal to "tab_size": 2 }

STEP 5 >> Kemudian simpan(ctrl+S).

(3) CSS Preferences

STEP 1 >> Buat file kosong dengan menekan Command + N (Mac) atau Ctrl + N (Windows atau Linux) di dalam Sublime Text.

STEP 2 >>  Pilih "Plain Text" di bagian kanan bawah jendela sublime text.Selanjutnya akan muncul berbagai daftar bahasa pemrograman, Pilih CSS.

 STEP 3 >> Buka pengaturan preferensi untuk coding CSS

• Mac OS X: Sublime Text 2 > Preferences > Settings - More > Syntax Specific - User
• Windows: Preferences > Settings - More > Syntax Specific - User
• Linux: Preferences > Settings - More > Syntax Specific - User

STEP 4 >> Selanjutnya akan muncul file "CSS.sublime-settings", Copy Paste(ctrl+v) kode berikut ke dalam file "CSS.sublime-settings"

{ // Sets the colors used within the text area "color_scheme": "Packages/Color Scheme - Default/Eiffel.tmTheme", // The number of spaces a tab is considered equal to "tab_size": 2 }

STEP 5 >> Kemudian simpan(ctrl+S).

(4) Markdown
Ada dua jenis Markdown yaitu markdown dan multimarkdown yang support dengan sublime text.

a) Markdown
STEP 1 >> Buat file kosong dengan menekan Command + N (Mac) atau Ctrl + N (Windows atau Linux) di dalam Sublime Text.

STEP 2 >>  Pilih "Plain Text" di bagian kanan bawah jendela sublime text.Selanjutnya akan muncul berbagai daftar bahasa pemrograman, Pilih Markdown > Markdown.

STEP 3 >> Buka pengaturan preferensi untuk coding Markdown

• Mac OS X: Sublime Text 2 > Preferences > Settings - More > Syntax Specific - User
• Windows: Preferences > Settings - More > Syntax Specific - User
• Linux: Preferences > Settings - More > Syntax Specific - User  
  

STEP 4 >> Selanjutnya akan muncul file "Markdown.sublime-settings", Copy Paste(ctrl+v) kode berikut ke dalam file "Markdown.sublime-settings"

{ // Which file extensions go with this file type? "extensions": [ "md", "mdown", "mdwn", "mmd", "txt" ], // Sets the colors used within the text area "color_scheme": "Packages/Color Scheme - Default/Dawn.tmTheme", // Set to true to removing trailing white space on save "trim_trailing_white_space_on_save": false }

STEP 5 >> Kemudian simpan(ctrl+S).

b) MultiMarkdown
STEP 1 >> Buat file kosong dengan menekan Command + N (Mac) atau Ctrl + N (Windows atau Linux) di dalam Sublime Text.
STEP 2 >>  Pilih "Plain Text" di bagian kanan bawah jendela sublime text.Selanjutnya akan muncul berbagai daftar bahasa pemrograman, Pilih Markdown > MultiMarkdown.

STEP 3 >> Buka pengaturan preferensi untuk coding MultiMarkdown

• Mac OS X: Sublime Text 2 > Preferences > Settings - More > Syntax Specific - User
• Windows: Preferences > Settings - More > Syntax Specific - User

• Linux: Preferences > Settings - More > Syntax Specific - User 

STEP 4 >> Selanjutnya akan muncul file "MultiMarkdown.sublime-settings", Copy Paste(ctrl+v) kode berikut ke dalam file "MultiMarkdown.sublime-settings"

{ // Which file extensions go with this file type? "extensions": [ "md", "mdown", "mdwn", "mmd", "txt" ], // Sets the colors used within the text area "color_scheme": "Packages/Color Scheme - Default/Dawn.tmTheme", // Set to true to removing trailing white space on save "trim_trailing_white_space_on_save": false }

STEP 5 >> Kemudian simpan(ctrl+S).

Semoga bermanfaat artikel ini.

" Kejenuhan saat proses merupakan kenangan termanis di saat meraih hasil yang diharapkan "

(وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُه) 

Wassalamu 'alaikum Warahmatullaahi ­ Wabarakaatuh