评论插件VSCode Yang Saya Gunakan Sebagai前端和React-Native开发人员

Hai gaes，

Ini tulisan singkat tentang Beberapa插件yangsaya gunakan sebagai网站前端开发人员filosofisaya dalam插件yang yaa gunakan adalah：

1. 自动化无聊的东西
2. 不要重复自己
3. 干净的代码
4. 运行次数更少的应用
5. 生产率
6. 少错别字

Tentunya插件-插件yangsaya gunakan tidak hanya seputar编码，tapi hal-hal lain yang bersifat产品dan hiburan juga，misalnya，代码编辑saya bisa mem-play musik dari spotify。 玛卡萨亚阿坎membagi评论ini kedalam beberapa Bagian。

“通过生成更清晰的代码，除了您自己的未来之外，您不会帮助任何人”

• 我希望大家知道的8件事
• Zenkit：结合了看板，表格，日历和列表的生产力工具
• 让您的员工在家工作–约翰·英沃里–中
• 保持通话时明智地使用时间
• 使用#Juststart原理克服对GRE考试的恐惧

beberapa插件yang saya gunakan untuk urusan编码adalah…。

自动关闭标签

ya-plugin ini不解之谜，您可以在prinsip nomer 1 dan 2上找到。sebenernya setelah versi 1.16 vscode punya内置支持untuk autoclose标记，Tapi hanya untuk文件可以使用HTML。 Tapi karena saya juga sebagai前端开发人员yang terkadang menggunakan React，开发者dan sering juga menggunakan React Native，作者maakasaya memerlukan ekstensi tambahan ini。 Ini sangat berguna terutama kalau kita memiliki组件dengan nama yang panjang-panjang seperti bayangkan betapa mudahnya kita untuk错字。

Eslint dan Prettier

Eslint adalah sebuah sistem lint-ing untuk javascript。 Saya Tidak Akan Menjelaskan apa itu Lint dan eslint dalam artikel ini，也许是下一次

漂亮的adalah sebuah插件yang bisa secara otomatis merapikan kodingan kita setiap kali kita男士保存项目kita。 keren-nya prettier ini adalah dia bisa di-integrasikan dengan eslint sehingga dia akan merapikan kodingan kita berdasarkan rule eslint kita。

nah untuk eslint ini berkaitan dengan nomer 3，产生干净的代码。 apa maksudnya干净的代码？

干净的代码bukan hanya bermakna kita membuat koding serapih mungkin indentasi nya，塔皮 呀，saya tau betapa membosankanya standarisasi，程序员就是这样的懒惰生物。

塔皮（Tapi Bagaimana）kalau ternyata kita bisa mendapat kenyamanan kedua dunia？ kita mendapatkan kodingan yang terstandarisasi tapi kita tidak perlu mengerjakan hal hal yang membosankan secara manual？

Nah inilah fungsi kedua插件ini，（埃斯林特·丹·比蒂埃）。 dengan eslint dan更漂亮kita bisa membuat kodingan kita secara otomatis menjadi rapih sesuai Rule yang kita definisikan setiap kali kita men-save kodingan kita，biasanya saya meng-extend rule dari airbnb

karena rule nya termasuk yang paling komprehensif。 meskipun saya menambahkan beberapa规则sendiri karena规则airbnb ini terlalu严格ke hal yang menurut saya tidak perlu（misal规则airbnb mewajibkan seluruh文件react berekstensi .jsx）。

Tentu karena Eslint dan Prettier ini hanya tools otomasi ada beberapa kekuranganya，dan tetap ada hal-hal yang harus kita fix secara manual。 Terutama统治规则yang tidak肯塔拉secara langsung达拉姆科丁格（misal urutan fungsi，urutan pendefinisian变量等）yang tidak Mungkin di fix secara otomatis。

塔皮帕林提达克，塞达克-提达克尼亚。 kalaupun kita begitu malas paling tidak kodingan kita tidak perlu seratuspersen memenuhi standar。 帕丁·提达克·科丁安·北·拉皮。 saya pun terkadang mengabaikan beberapa错误ataupun警告eslint。

流语言支持

Flow adalah javascript静态类型检查器，可能会在下一次发布。

Tapi singkatnya，laiknya eslint，flow ini digunakan untuk mengakomodasi keperluan untuk menghasilkan koding扬干净。

bedanya flow in bukan ke喀尔巴阡Tapi lebih ke完整性。 javascript sebagai sebuah bahasa adalah bahasa yang sangat bebas。 misalkan kita bisa menggunakan字符串sebagai perbandingan，字符串kosong“” dalam javascript bisa digunakan untuk komparasi dan akan bernilai错误。

辛贝拉（Nah simpelnya）。 Flow ini memberi beberapa aturan khusus ke dalam javascript，sehingga javasript yang kita tulis lebih mengikuti kaidah pemrograman。 Tentu ada beberapa keuntungan lain seperti fitur autocomplete yang akan lebih lengkap ketika kita menggunakan流。

（Solusi Lain Adalah打字稿，Tapi saya lebih menyukai流karena流berada dalam文件Javascript（JS））

Mungkin sampai sini akan muncul pertanyaan，ngapain ngurusin hal beginian？ karena，pada akhirnya kita akan menjadi专业人员，bukan seorang业余爱好者。 雪兰莪爱好者（melangkan sesuatu untuk dirinya sendiri）。 Seorang专业的Mengerti Bahwa Produk Adalah sesuatu yang bersifat kontinu，dan Mungkin saja suatu saat akan ada orang yang harus memantain kodingan nya。 （saya pun masih dalam transisi dan beberapa kali lalai）

始终进行编码，好像最终维护您的代码的那个人会是一个暴力的精神病患者，知道您的住所。 可读性代码。 约翰·伍德

实时服务器

为静态和动态页面启动具有实时重新加载功能的开发本地服务器。

Seperti itupenjelasan dari page nya di marketplace。 是的，插件ini biasanya saya gunakan ketika membuat模板静态html。 Tentu akan ribet kalau mau buat模板saya harus init project js dengan webpack / nodemon kalau yang ingin saya buat sekedar HTML / CSS模板。 maka saya membutuhkan插件ini。 Ya ini berkaitan dengan可以自动完成无聊的工作（例如Shift + R untuk reload tiap kali save项目）。

路径智能

自动完成文件名的Visual Studio Code插件

插件ini untuk成员建议ketika kita mengetikan路径错误./src/a.. yap，插件ini berguna sekali untuk menghindari typo ketika kita akan mengimport模块ataupun memasukan nama文件dalam blok kodingan。

适用于es6 / es7的React-Native / React / Redux代码段

Ini插件berisi片段-snippet yang sering dipakai ketika开发React / React-Native + Redux应用程序。misalkan样板文件redux，atau sekedar语句导入。 ya，sesuai dengan konsep不要重复自己。 Denan snippet ini kita bisa menghasilkan satu block komponen无状态反应misalnya，dengan hanya menulis sl lalu menekan进入。

untuk urusan生产率saya juga menginstall beberapa插件diantaranya

待办事项

Ini untuk menghighlight注释yang memiliki文字“ TODO” ataupun“ FIXME”。 sehingga terlihat berbeda dari分组码Komentar Lainya

待办事项+

ini插件yang baru saya安装akhir-akhir ini，我对此非常满意。
Selama ini saya ingin mengikuti prinsip Get-Things-Done sebenarnya untuk manajemen aktivitas yang lebih baik。 cuma sebagai seorang程序员belum ada aplikasi yang menurut saya cocok。

Saya Sudah Mencoba berbagai Macam Seperti Todoist，Wunderlist，Ms Todo等。Tapi masalahnya，terlalu ribet ketika misal saya beres mengerjakan任务，saya harus alt-tab mencari任务itu didalam tumpukan任务，lalu mencentang，lalu alt-tab代码编辑拉吉丹恩戈丁拉吉

Dulu saya menggunakan vim，saya bahkan punya config yang saya share di github：

terpengaruh dari komunitas vim，salt ingin aktivitas mengkoding adalah bagaimana caranya meminimalkan perlunya alt-tab ataupun banyak menggerakan tetikus，所有内容都应在编辑器内访问，并且可以通过键盘访问。 Bahkan dulu saya sempat menginstall facebook messenger di dalam vim！

maka插件ini sangat menyenangkan bagi saya，bahkan selain sebagai aplikasi GTDsaya gunakan插件ini untuk menyimpan数据tentang项目juga karena keren，ada warna warnanya。

Yaap，ada warnanya，bisa设置了估计时间atau优先级，设置了任务untuk已取消dll，di dalam编辑，sudah begitu ada快捷方式nya juga，misal untuk mencentang sebuah任务tinggal pencet alt + D. syurgaaa。

瓦卡时间

Wakatime ini adalah插件dari sebuah aplikasi网站bernama Wakatime。

Apa fungsinya吗？

untuk时间追踪，jadi wakatime ini secara otomatis男子追踪aktivitas koding kita。 泰卡登·恩格拉萨·乌达·恩戈丁·贝尔杰姆 Tapi berapa sih waktu aktual kita ngoding。 那不勒斯阿普利卡西（Nah aplikasi） bahkan dia bisa di-konek-kan dengan git untuk mengetahui kita mengerjakan提交apa selama berapa jam。

Masih banyak fitur lain tentunya，为自己检查！

高级新文件

Untuk membuat新文件在dalam sebuah文件夹biadanya kita harus mengexpand project di navigator上，文件夹在文件夹中。 klik kanan，添加新文件等，等等。

Seperti yang saya bilang diawal，saya merindukan fitur di vim yang bisa tinggal menggunakan命令:e path/namafile.js 。 maka akan dibuat文件baru di path itu，bahkan dengan tambahan beberapa插件bisa autocomplete path nya juga dengan mencet选项卡。

semuanya dilakukan dengan键盘和meminimalisasi menggerakan鼠标（iya saya tuh sebenernya malesan）。 插件ini dibuat untuk itu，berikut screenshootnya

berikut ini adalah插件lain-lain yang penting ga penting tapi ya penting juga sih buat saya。 biar vscode nya tampak lebih酷selain juga lagi-lagi meminimalisasi alt-tab。

Vscode图标

Ini adalah ekstensi tambahan yang berisi banyak sekali ikon-ikon untuk文件yang lebih lengkap dari bawaan vscode。 misalkan dia tau ikon eslint untuk文件.eslintrc ataupun ikon babel untuk .babelrc，berikut screenshootnya

Vscode-spotify

gak perlu lagi dijelaskan lah ya，印度dia buat ngeplay musik di dalem vscode，langsung dari spotify kita，berikut sekilas fiturnya

设定同步

Sesuai namanya，inisunts mensave，setrik berikut list插件，vscode kita ke cloud，sehingga kalau ngoding ditempat baru tinggal下载dan sync settingnya sembari nunggu插件-plug yang kita sync terakhir terdownload。