<amir>
<amir>
خواندن ۲ دقیقه·۵ سال پیش

افزونه من برای VSCode و فلاتر

من حدودا دو ماهی میشه یادگیری فلاتر رو شروع کردم و میتونم بگم خیلی خیلی زیاد باهاش ارتباط برقرار کردم? به خصوص با قابلیت
Hot reload
ش که حسابی من رو به وجد میاره.
من قبلا تا حدودی ری اکت نیتیو کار کردم و میتونم بگم من خیلی راحت تر تونستم فلاتر رو یاد بگیرم تا ری اکت نیتیو رو و واقعا ری اکت نیتیو عذاب میداد منو.
حالا من چون در اصل یه برنامه نویس تنبل وب هستم یکی از کارهایی که زیاد تو طول روز انجام میدم اینه که گاهی اوقات مجبور میشم یه تگی رو به اول و آخر یه چیزی اضافه کنم مثلا این شکلی بوده یه چیزی

<h1>Hello World</h1> <span>:D :D :D</span>

برای یه سری کار ها مجبور میشدم خود این رو داخل یه تگ دیگه بذارم مثلا

<div> <h1>Hello World</h1> <span>:D :D :D</span> </div>

برای اینکار مجبورم یه تگ بذارم قبل
یه تگ بذارم بعدش
یه کم هم اسپیس اضافه کنم بین تگ ها تا کد تمیز بمونه و بهم ریخته نشه
یه برنامه نویس تنبل معمولا میگرده دنبال راحت ترین راه
خب راستش قبلا یه افزونه به اسم
htmltagwrap
پیدا کردم که خب کارش اینه که این روند رو آسون کنه.

https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap

آدرسش رو باز کنین اسکرین شاتش رو ببینین متوجه میشین جریان چیه.
حالا تو فلاتر هم روند مشابه داریم
مثلا من یه کد این شکلی دارم

Row( children: [ Text("Hello World"), Icon(Icons.test) ] )

این مثلا اگه حجمش زیاد باشه از صفحه بیرون میزنه پس باید قابلیت اسکرول براش بذارم

SingleChildScrollView( child: Row( children: [ Text("Hello World"), Icon(Icons.test) ] ) )

دقیقا همون کار مشابه تو
html
یه کد اولش اضافه میکنم
یه کدی به آخرش اضافه میکنم
یه کم اسپیس میدم
از این افزونه سعی کردم برای فلاتراستفاده کنم دیدم نه نمیشه کاری کرد که ازش اینجا استفاده کرد
پس خودم دست به کار شدم یه افزونه زدم که دقیقا همین کار رو میکنه ?

این افزونه از کلید
Alt + W
استفاده میکرد
منم از دوتا کلید
Alt + C
برای ساخت ویجت هایی که فقط یه بچه دارن و
Alt + S
برای ساخت ویجت هایی که چند تا بچه دارن استفاده کردم.
اگر چه اینا رو میشه تو
VS Code
به هر کلیدی که خودتون دوست دارین تغییر بدین.
C
حرف اول
Container
و
S
حرف اول
Stack
هست.
لینک دانلود

https://marketplace.visualstudio.com/items?itemName=amiralizadeh9480.flutter-widget-wrap

لینک گیت هاب جهت مشاهده سورس کد, ارسال مشکلات و بهبود دادن افزونه

https://github.com/amir9480/vscode-flutter-widget-wrap

پ.ن: واقعا جا داره یه تشکر هم کنم از سازندگان
VS Code
که توسعه دادن افزونه براش انقدر بی دردسر هست
برای این افزونه کل کدی که لازم بود بنویسم همینقدر بود! و خب یه کم هم دستکاری تو
packages.json ???
سایر نوشته هام

https://virgool.io/@amiralizadeh9480/%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87-%D9%85%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-vscode-%D9%88-%D9%84%D8%A7%D8%B1%D8%A7%D9%88%D9%84-mw9bcpvidbrd
https://virgool.io/@amiralizadeh9480/%DA%86%DB%8C-%D8%B4%D8%AF-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3-%D8%B4%D8%AF%D9%85-kpsescdv5rci
https://virgool.io/Software/%D8%B3%D8%A7%D8%AE%D8%AA-crud-%D8%A8%D8%A7-%D9%84%D8%A7%D8%B1%D9%88%D8%A7%D9%84-%D9%88-vue-oa3s5ageyafv


برنامه نویسیvscodeافزونه نویسیflutterفلاتر
?Talamanca = My medicine! | https://goo.gl/ceaBN7
شاید از این پست‌ها خوشتان بیاید