Aplikasi
VS Code Extensions pilihan untuk Web/Frontend Developer/Programmer 2019
10 ekstensi VSCode pilihan untuk para Web/Frontend Developer/Programmer - 2019
Tukang Debug
Berita
Vuetify 2 resmi dirilis, berikut ini fitur-fitur baru dan breaking changes yang perlu diantisipasi
Setelah beberapa bulan melewati fase alfa dan beta, kini Vuetify 2 versi final secara resmi telah dirilis. Menggunakan code-name Arcadia, Vuetify 2 menawarkan banyak perbaikan dan tentunya hal-hal baru dari versi sebelumnya, mulai dari perubahan core, grid, implementasi Material Design 2 dan komponen-komponen baru lainnya. Perubahan utama Berikut ini adalah
Vue.js
Vue+Vuetify : Menggunakan VDialog/v-dialog agar menjadi Promise based komponen
Jika anda menggunakan Vue dan Vuetify, maka VDialog/v-dialog mungkin adalah komponen yang selalu atau sering anda gunakan. Cara standar untuk menggunakan v-dialog adalah dengan menempatkannya menjadi satu pada halaman yang membutuhkan, lalu men-show-hide dialog dengan menggunakan v-model. Cara seperti ini sebenarnya dapat lebih disederhanakan lagi, yaitu dengan memisahkan dialog
JavaScript
Mengubah Icon Font di Vuetify dari Material Icon menjadi Material Design Icon (mdi)
Jika anda membuat web app dengan menggunakan Vuetify, maka secara default aplikasi anda akan menggunakan Material Icon. Selain Material Icon, Vuetify juga mendukung Font Icon Material Design Icon, Font Awesome 5 dan Font Awesome 4. Nah, berikut ini adalah cara mudah untuk mengubah Icon Font dari Material Icon menjadi Material
JavaScript
Mengubah path hasil build project Vue CLI dari absolute menjadi relative
Jika project anda adalah project yang dibuat dengan menggunakan Vue CLI atau Vue secara umum, maka secara default, hasil build-nya (js, css) akan di-inject ke dalam index.html dengan menggunakan path absolute. Dalam kondisi tertentu, anda mungkin tidak menginginkan path absolute ini, melainkan path relative. Nah, berikut ini adalah cara
Aplikasi
Cara mudah install Visual Studio Code di Ubuntu Linux dengan repository resmi
Panduan mudah untuk meng-install Visual Studio Code di Ubuntu Linux dengan repository resmi
NodeJS
Mengatasi npm error ./postinstall.js - error storing binary to local file Error: EACCES: permission denied
Jika anda menggunakan sistem operasi Linux atau Mac, mungkin anda pernah mengalami error npm error ./postinstall.js - error storing binary to local file Error: EACCES: permission denied , padahal anda sudah menggunakan sudo atau root. Berikut ini adalah contoh pesan error-nya node ./postinstall.js ngrok - downloading binary https://bin.
Laravel
Cara mudah mengakses query parameter URL dari dalam Laravel Blade
ntuk anda yang menggunakan framework Laravel, tentu sudah biasa dan sangat mudah jika ingin mengakses/mendapatkan query parameter url dari dalam Controller. Akan tetapi bagaimana jika anda ingin mengakses query parameter tersebut dari dalam blade view (template). Ternyata caranya juga sangat mudah, yaitu dengan menggunakan helper app dengan parameter request.
Aplikasi
Cara mudah menampilkan Full File Path di Title Bar pada Visual Studio Code
Visual Studio Code adalah salah satu text editor yang saat tulisan ini saya tulis, adalah salah satu yang paling populer. Dengan segala kelebihannya, ada beberapa hal yang mungkin perlu disesuaikan dengan selera masing-masing. Salah satunya adalah tidak adanya info full file path dari file yang sedang kita buka dan fokus.
Laravel
Mengatasi error Exit with code 1 due to network error: ContentNotFoundError di wkhtmltopdf atau wkhtmltoimage via Snappy PDF
Jika anda menggunakan wkhtmltopdf atau wkhtmltoimage, via wrapper seperti Snappy PDF atau yang lain, untuk mengkonversi suatu halaman html menjadi pdf atau gambar, mungkin anda akan mengalami error Exit with code 1 due to network error: ContentNotFoundError . Di bawah ini adalah contoh screenshot error tersebut Error ini, dari pengalaman saya
NodeJS
Cara mudah mengatasi npm install error code EPERM errno -4048 operation not permitted
jika anda menggunakan node dan npm, dan mengalami error dengan kode 4048 pada saat melakukan npm install, berikut ini adalah cara mudah untuk mengatasi error tersebut. Contoh pesan error yang muncul : npm ERR! path ...\node_modules\fsevents\node_modules\ansi-regex\package.json npm ERR! code EPERM npm ERR! errno -4048
Aplikasi
Cara mudah mematikan fitur Minimap pada Visual Studio Code
UPDATE: Cara pada artikel ini sekarang sudah sangat dipermudah. Untuk menghilangkan atau memunculkan kembali minimap dari VSCode, caranya sangat mudah, cukup dengan men-toggle menu Show Minimap. Outdated : Untuk anda yang terbiasa menggunakan editor Microsoft Visual Studio Code, maka kira-kira sejak versi 1.13.x, fitur Minimap dan beberapa fitur yang