Mungkin jika mau punya sublime text, dan hanya dengan color scheme or theme default, mungkin agak boring kita lihatnya, ini akan lebih nice jika kita punya theme external, seperti Material, Brogrammer, SpaceGray. Mungkin 1200 theme yang ada sekarang ini, jadi sakin banyak kita juga bingung memilihnya, karna bisa jadi 9 dari semua itu kita lihat cocok untuk kita, tapi walaupun begitu, kenapa kita tidak melihat theme or color scheme yang telah di rekomendasikan para developer.
Ok, kali ini kita akan membuat theme seperti ini.
Nah ini lah yang di sebut Material Theme + Facebook Color scheme, yang sekarang ini sangat popular sekali. Ok, dan disini kita tidak akan hanya membahas bagaimana cara membuat theme yang jadi kren, tapi kita juga akan membahas bagaimana cara membuat semua ini jadi lebih kren dan cepat.
Nah jadi sebelum itu, kamu juga harus punya package installed. Jadi sehingga kamu tekan ctrl + shift + p dan mengetikkan install, maka yang akan keluar ada install package. Nah jika kamu tidak mengerti bagaimana cara menggunakan nya kamu bisa langsung pergi ke http://www.imlocora.org/article/sublime-text-installing-package. When you done with that now you're ready to go.
Ok yang pertama akan kita bahas adalah bagaimana cara menginstall theme nya, maka langsung saya. Saya tidak akan shoot the screen. Instead hanya akan memberitahu Bagaiaman sebenarnya cara kerjanya.
Install theme
Ok jika begitu, lihat step per step dibawah.- Ctrl + Shift + P
- Ketikkan install package (enter)
- Lalu ketikkan "Material" tanpa double quotes
- Lalu click atau enter "Material Theme".
- Nah setelah itu tunggu beberapa saat.
- Ketika selesai kamu bisa pergi ke Preferences > Setting user dan pastekan code dibawah.
{
"color_scheme": "Packages/Colorsublime - Themes/Facebook.tmTheme",
"font_face": "Fira Code",
"font_size": 13,
"ignored_packages":
[
"Vintage"
],
"line_padding_bottom": 7,
"show_full_path": false,
"theme": "Material-Theme.sublime-theme",
"translate_tabs_to_spaces": true,
"word_wrap": "auto"
}
Install color scheme
- Ctrl + Shift + P
- Enter install package
- Dan ketikkan colorsublime (Enter)
- When done, tunggu beberapa saat.
Install facebook
- Ctrl + Shift + P
- Ketikkan install theme (Enter)
- Nah setelah itu kamu akan lihat banyaknya color scheme. Tapi kita hanya butuh 1 untuk tutorial ini yaitu "Facebook"
- Ketikkan facebook pada textboxt given. (Enter)
- Nah sekarang kamu sudah bisa menyimpan Setting user file, belum.
<dict>
<key>comment</key>
<string>
252B39 - Fb background
</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#263238</string>
<key>caret</key>
<string>#979E86</string>
<key>background</key>
<string>#263238</string>
Emmet
Terserah jika kamu pernah dengar atau pun belum tapi yang jelas emmet adalah salah 1 package inti kita pada tuts kali ini. Jika kamu tidak mengetahui emmet itu tidak masalah. Tapi jika ingin baca baca kamu bisa ke http://emmet.io/.Nah sebenarnya apa guna emmet, mengapa kita harus memakainya, banyak sekali kelebihannya, kita bisa membuat code lebih cepat dari pada tidak memakainya. Emmet tidak hanya untuk sublime text, bahkan a lot of editor text support dengan emmet, terkecuali notepad++.
Ok sekarang lansung saja kita install dan langsung di implementasikan bagaimana cara kerjanya. Lihat step - step berikut dan jangan sampai keliru karna ini luar biasa gampangnya :) .
- Ctrl + Shift + P
- Install packages
- Ketik Emmet (Enter)
- Wait for a second
<div class="container">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
</div>
.container>.row>.col-md-6*2
.navigation>ul>li*5>a{Link $}
<div class="navigation">
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 5</a></li>
</ul>
</div>
<div class="jumbotron">
<div class="container"></div>
</div>
.jumbotron>.container
<div class="media">
<div class="pull-left">
<img src="" alt="" class="img-default">
</div>
</div>
.media>.pull-left>img.img-default
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 5</a></li>
</ul>
Cara nya itu sangat gampang, sekarang kita bisa lihat li di dalam ul sudah jelas kita menggunakan tanda >, nah lihat code dibawah
ul>li*5>a{Link $}
Kamu pasti tertarik dengan cara ini.
<div class="container">
<header>This is header</header>
<div class="content">This is content</div>
<aside>Sidebar</aside>
<footer>Footer for copyright</footer>
</div>
Lihat logika dibawah, itulah cara bagaimana membuat template di atas.
.container>header{This is header}+.content{This is content}+aside{Sidebar}+footer{Footer for copyright}
- AdvancedNewFile
- SidebarEnhancements
- CSSFontFamily
- Emmet
- Bootstrap 3 Snippets
- Colorsublime
- DocBlockr
- EditorConfig
- SASS & SASS Snippets
- SASS & SCSS Snippets
- CSS3
- Laravel Blade Highlighter
- Laravel 5 Snippets
- Material Theme
Itulah list yang ada pada sublime text saya sekarang ini, nah jika kamu mau, silahkan lakukan dengan cara seperti kita melakukan sebelum sebelumnya, ok terimakasih telah membaca article ini.
Sumber:http://imlocora.org
WWW.ENJOYQQ,ONLINE Situs Poker Online, BandarQ Online dan Domino Online terbesar dan terpercaya di Indonesia saat ini. Buruan gabung yuk!
ReplyDeleteSupport transaksi untuk seluruh bank lokal di seluruh INDONESIA! Support untuk Android dan iOS anda..
Min Deposit / Withdraw : Rp. 15.000,-
Seluruh permainan yang di sediakan adalah 100% fair no robot dan member vs member! So tunggu apa lagi? buruan gabung yuk..
BACA JUGA ARTIKELNYA : https://www.ayoenjoy,net/
Terima kasih, artikel yang bagus..memang harus di share! Terimakasih sudah mau berbagi :)
ReplyDeleteDaftar Nama Akun Poker HOKI Di Situs Poker Online
Terima kasih, artikel yang bagus..memang harus di share! Terimakasih sudah mau berbagi :)
ReplyDeleteDaftar Situs Judi Poker Domino Online
Kesalahan Pemain Judi Poker Online Yang Paling FATAL
Terimakasih atas informasinya, cukup sangat membantu^^
ReplyDeleteDan bagi kalian yang ingin juga mengetahui hal lain seperti Games Situs Poker Online Terpercaya
Anda dapat Mengklik tautan untuk mengunjungi situs tersebut..
Situs BandarQ
Situs Poker Online
ID PRO POKER
Terimakasih Semuanya :)