Hi semuanya, buat kalian yg gak bisa activate custom css & js loader karena permission bisa ikutin steps berikut: - Cari vscode di windows start - Klik kanan dan *Run as Administrator*
klo di wsl blm pernah coba niih, tpi klo msalah permission coba pakai ini bisa gak, tgl sesuain aja path nya: sudo chmod -R 777 ~/.vscode sudo chown -R $(whoami) ~/.vscode notes: ini path file css & js nya disimpan yah
Kalo ga' salah 2019 pertama kali install VS Code pas nyoba-nyoba bootstrap, tapi ga lama cuma beberapa bulan, habis itu ga' pernah dipake lagi.. Tapi dua minggu terakhir ini sering pake VS Code lagi karena pengen nyoba bikin profile site pake Hugo, gila kagok banget.. 🤭 Makasih, Om infonya! Berguna banget nich.. 👍
relative ke ekstensi yg dipakai juga, klo semakin banyak berat jga. ekstensi yg kupakai disini sbnrnya replacing aja dri ekstensi default vscode, jdi dri sisi performa gak terlalu signifikan.
coba pindahkan aja path filenya misal di Documents atau yg lain, kalo mau ttp di .vscode bisa tambahkan aja permission misal: sudo chmod -R 777 ~/.vscode sudo chown -R $(whoami) ~/.vscode jika berhasil tolong info juga, biar nanti aku bisa pin jga di komentar
bisa dong, silahkan konversi dlu gambarnya ke base64 bisa coba pakai link ini: www.base64-image.de -> show code -> copy code yg bagian *For use as CSS background:*
Overall sbnrnya untuk 3 ekstensi yg dipakai by default juga di pakai sma vscode misal, tambahan di custom css and js loader aja. untuk load custom css dan js juga gak akan berat selagi gak terlalu banyak animasi, dan jga gambar yg di encode di style nya. untuk yg ku share di tutorial ini klo di rasa agak berat bisa disabled interval di javascript buat nambahin blur effect untuk editor screen, sisanya normal gak ada masalah.
@@ThisIsWazz hooh bener, lebih suka bilang side menu sih wkwkwk, diluar karena emang dia udah gapake itu, jadi dia bisa hide total buat maksimalin space buat code nya aja wkwkwk
coba pastiin path dari file css & js nya sesuai, kalo ada problem permission bisa make chmod atau chown jga, buat aktivasi nya klo gak lgsg muncul bisa execute 2x, karena bbrpa x kdg gua nemu gak lgsg berubah jga.
Your Code installation appears to be corrupt. Please reinstall. Bang di Vs Code ku Muncul Notifikasi Gini Jadinya Gak Ter Apply Semua Termasuk Sidebarnya gak ke tengah itu kenapa ya?
@@W2Learnbg gw nyari file location dengan klik kanan pada vscode dan open file location trus alamatnya gw copy dan gw masukin di setting.json tapi gw tambahin vscode-custom memang dia bisa ngebuat file gak kayak sebelumnya yg unable tapi gaada yg berubah setelah gw masukin file CSS dan JS nya
Aku make Oh My Zsh + PowerLevel10k buat terminal nya, untuk folders nya make colorls, sisa nya bisa di konfigurasi sendiri tergantung terminal apa yg diapakai, termasuk di powershell jga sprtinya bisa di configure jga.
Untuk performa ram sebenarnya gak terlalu signifikan karena sma aja kaya ketika kita make ekstensi bawaan: - icons default - themes default - product icon default di sini penambahan cmn di custom css & js loader dan itu sbnrnya kena cache jga, klo misal di rasa berat karena kustomisasi ini bisa disabled aja load javascript karena karena disana ada interval buat animasi blur di screen editor.
Yups bro, untuk gambar ilustrasi di welcome screen terinspirasi dari sana dan gua udh sertain link github nya di deskripsi. Kalo lu jelih bahkan gua udh make custom vscode ini bahkan dri video2 terakhir *Built a Messenger Clone* yg itu sekitar 4 bln yg lalu dan bahkan video org luar tersebut blm ada.
Hi semuanya, buat kalian yg gak bisa activate custom css & js loader karena permission bisa ikutin steps berikut:
- Cari vscode di windows start
- Klik kanan dan *Run as Administrator*
bagaimana caranya jika vscodenya di wsl bang ?
kalau di mac gimana kak
klo di wsl blm pernah coba niih, tpi klo msalah permission coba pakai ini bisa gak, tgl sesuain aja path nya:
sudo chmod -R 777 ~/.vscode
sudo chown -R $(whoami) ~/.vscode
notes: ini path file css & js nya disimpan yah
kaget euy masuk fyp yt pas liat dari thumbnail sm judulnya kirain dari org luar, eh ternyata indo aahahaha kereeennn massss mantappsss
wah mantap niih, thanks.
Same
faktos
It's cool to see this. I don't use the Activity Bar, but this customization is teasing me to.
Thanks bro, hopefully you enjoy with it
keren lu bang, angel developer, semoga tetap konsisten untuk bagi2 ilmu gratis!!
thanks bro, smoga bermanfaat.
kukira konten orang luar ternyata orang indo, keren abiss 🔥🔥🔥
Thanks bro haha, smoga bermanfaat.
Thanks brother It helped me as now I am trying to shift to keyboards shortcuts rather than using mouse, also the look of VSCode is also great thanx
Thanks bro, glad it helped!
Kalo ga' salah 2019 pertama kali install VS Code pas nyoba-nyoba bootstrap, tapi ga lama cuma beberapa bulan, habis itu ga' pernah dipake lagi.. Tapi dua minggu terakhir ini sering pake VS Code lagi karena pengen nyoba bikin profile site pake Hugo, gila kagok banget.. 🤭
Makasih, Om infonya! Berguna banget nich.. 👍
wiih mantap, smoga bermanfaat
mau belajar buat lomba eh muncul video lu bro, jdi keren vsc gw thanks wkwk
Okay, lnjutkan bro
kereennn, make ini langsung semangat ngoding baliiiikk thanks bang
wah mantap niih, semoga bermanfaat.
Maaf nanya bang, record screen laptop pakai aplikasi apa ya? 🙏🏻
keren banget bang 🔥, sering sering buat konten kaya gini bang
Okay thanks, semoga bermanfaat
mantap, baru tahu klo vs-code kan dibuat pake electron yah. thanks Ilmunya bang
Yups, smoga bermanfaat
mantapp banget mas, thankss
okay, smoga bermanfaat.
Ini berat ga klo dipake untuk develop javascript, flutter, dan banyak extension ?
relative ke ekstensi yg dipakai juga, klo semakin banyak berat jga.
ekstensi yg kupakai disini sbnrnya replacing aja dri ekstensi default vscode, jdi dri sisi performa gak terlalu signifikan.
mantab settingan vscodenya, izin make mas
Okay, silahkan
gokil manteb nih .
Okay, thanks.
makasih bang. jadi makin betaah buat buka vscode wkwk
Thanks, mantap
cara ngatasi permision denied di mac gimana kak, pas mau bikin file configurasi css dan js nya
coba pindahkan aja path filenya misal di Documents atau yg lain, kalo mau ttp di .vscode bisa tambahkan aja permission misal:
sudo chmod -R 777 ~/.vscode
sudo chown -R $(whoami) ~/.vscode
jika berhasil tolong info juga, biar nanti aku bisa pin jga di komentar
@@W2Learn masih ga mau jalan custom css/js nya bang, entah kenapa padahal path nya udh bener
sudah coba di activate kan ?
cmd+shift+p > reload custom css & js loader, bisa di coba 2x karena terkadang gak lgsg ngefek
@@W2Learn iyah bang udah berapa kali di coba, masih ga bisa
KEREN!!!
Thanks bro
thanks
You're welcome!
Kalo text editor nya di cursor bisa ga ya kak kira2
@@humamafifal-mahbubi9343 yups bisa, sblmnya nya jga subscriber yg nyobain dan berhasil
24:00 cuma bisa pasang gambar tipe svg atau bisa yang lain kayak jpg, png, atau gif gitu bisa gak?
bisa dong, silahkan konversi dlu gambarnya ke base64 bisa coba pakai link ini:
www.base64-image.de
-> show code
-> copy code yg bagian *For use as CSS background:*
@@W2Learn wah tenkyu bang, sudah ku subscribe dan like
kaya gini ini nih yg aku suka
aaah, thanks bro
permisi bang , mau nanya .. kalo misalnya kita modifikasi vscode seperti ini, apakah bakal memberartkan lebih untuk ram laptop?
Overall sbnrnya untuk 3 ekstensi yg dipakai by default juga di pakai sma vscode misal, tambahan di custom css and js loader aja.
untuk load custom css dan js juga gak akan berat selagi gak terlalu banyak animasi, dan jga gambar yg di encode di style nya.
untuk yg ku share di tutorial ini klo di rasa agak berat bisa disabled interval di javascript buat nambahin blur effect untuk editor screen, sisanya normal gak ada masalah.
bang kalau engga ke overwrite si font-familynya kira-kira itu kenapa yah? udah diikutan juga arrow yang diatas masih ada gitu
pastiin path dri file css dan js nya udh sesuai, jgn lupa untuk reload custom css dan js, bisa liat d video cara aktivasi nya.
bang, cara kursornya ama zoomnya mulus gitu gimana?
saya di mac juga
itu saat recording doang sih, make screen studio
@@W2Learn oke, makasih bang
nahh ini yang gua cari, side menu/bar nya masih ada, pas buat ngelengkapin tutor dari channel luar
thanks, semoga bermanfaat
sama kita bg, activity bar kan yg dimaksud? itu kemarin gw ngikut tutor luar juga auto ke hide, kalo pun diubah jadi default gada stylingnya.
@@ThisIsWazz hooh bener, lebih suka bilang side menu sih wkwkwk, diluar karena emang dia udah gapake itu, jadi dia bisa hide total buat maksimalin space buat code nya aja wkwkwk
Thank you bagus jadinya
Mantap, thanks
btw tambahin extension vscode animation juga bagus
klw ini mungkin ada konflik sih soalny dlu pernah nyoba
bbrpa animasi mnurutku kurang smooth, di tambah animasi yg dikasih jga terlalu hard jga saat moving.
jdi aku gak pernah make jga buat daily
di linux saya reload css dan jsnya kok ga bisa ya ?
coba pastiin path dari file css & js nya sesuai, kalo ada problem permission bisa make chmod atau chown jga, buat aktivasi nya klo gak lgsg muncul bisa execute 2x, karena bbrpa x kdg gua nemu gak lgsg berubah jga.
neat
Thanks bro
Your Code installation appears to be corrupt. Please reinstall. Bang di Vs Code ku Muncul Notifikasi Gini Jadinya Gak Ter Apply Semua Termasuk Sidebarnya gak ke tengah itu kenapa ya?
@@calvinlawrencefhd5563 klo muncul bisa d ignore aja bro, terus execute lgi.
Krena terkadang hrus eksekusi 2x biat activate nya.
Just click don't show it again
@@wuba6977 Di notifikasi bawah ada tombol gear, tgl pilih aja Turn Off Info and Warning Notifications from 'Custom CSS and JS Loader'
@@W2Learn tampilannya ga keubah tapi bang
klo untuk terminal ada auto complete / suggest itu gimana bang?
klo sudah install zsh bisa install plugin namanya zsh-autosuggestions
bang kalo di cursor bisa gak? apa cuma di vscode doang?
Maaf niih, jujur blm pernah coba.
tpi klo misal ada ekstensi custom css & js loader harusnya sma persis bisa di implementasiin jga
@@W2Learn bisa bang barusan saya coba, di cursor tinggal import aja dari vscode nya
Keren ini
Thanks bro
Bg pnya gw unable to write file saat klik link vscode-custom
@@Andre-lc1uq coba sesuain dlu path nya, misal simpen di D atau dmna untuk file css dan js nya, abis iyu copy aja path nya masukin ke vscode.
@@W2Learn baik bg otw makasih bnyk udh direspon🙏
@@W2Learnbg gw nyari file location dengan klik kanan pada vscode dan open file location trus alamatnya gw copy dan gw masukin di setting.json tapi gw tambahin vscode-custom memang dia bisa ngebuat file gak kayak sebelumnya yg unable tapi gaada yg berubah setelah gw masukin file CSS dan JS nya
pastiin sudah d aktivasi custom css & js loader nya, klo ada notif installation corrupt bisa ignore aja krena cmn skali muncul.
pastiin jga cara panggil file nya sesuai kaya yt d video, misal d drag ke chrome terus copy path nya.
Kerenn
Thanks bro
infoo record pake apa bangg
record pake microfon mas bro wkwk
Thanks bang
Yups bro, sama2
Request setting zsh nya mas 😅
Aku make Oh My Zsh + PowerLevel10k buat terminal nya, untuk folders nya make colorls, sisa nya bisa di konfigurasi sendiri tergantung terminal apa yg diapakai, termasuk di powershell jga sprtinya bisa di configure jga.
Abangnya soft spoken
Thanks, semoga bermanfaat
Kayak pernah liat vidoe ini
Yups, untuk image illustration inspired by channel luar negeri.
bisa di cek jga, link di sertakan di deskripsi video
bang, theme zsh nya pake ap?
powerlevel 11k bro
untuk pemakaian ram nya gmana bang?
Untuk performa ram sebenarnya gak terlalu signifikan karena sma aja kaya ketika kita make ekstensi bawaan:
- icons default
- themes default
- product icon default
di sini penambahan cmn di custom css & js loader dan itu sbnrnya kena cache jga, klo misal di rasa berat karena kustomisasi ini bisa disabled aja load javascript karena karena disana ada interval buat animasi blur di screen editor.
pake windows komen k + r nya jadi buka browser
bantuin dong
@@gilangramadhanpurba1779 bisa custom shortcut yg lainnya misa alt atau yg lainnya.
ini gimana, gw juga samaa
@@gilangramadhanpurba1779 bisa ganti aja shortcut nya, misal make alt + k alt + r, cari aja shortcut yg blm d pakai.
Coba untuk custom yg lainnya misal menggunakan alt + k alt + r
Pernah liat org luar bikin Hal yang sama persis seperti ini wkwk
Yups bro, untuk gambar ilustrasi di welcome screen terinspirasi dari sana dan gua udh sertain link github nya di deskripsi.
Kalo lu jelih bahkan gua udh make custom vscode ini bahkan dri video2 terakhir *Built a Messenger Clone* yg itu sekitar 4 bln yg lalu dan bahkan video org luar tersebut blm ada.
Gg bang
Thanks bro