سلام آنجا ،
من قصد دارم اکنون Svelte را یاد بگیرم و دوست دارم از همه علاقه مندان دعوت کنم تا در سفر من به من بپیوندند.
خوب اجازه می دهد شروع کنیم.
در ابتدا فهمیدم که Svelte دارای یک آموزش تعاملی خوب است که به شما امکان یادگیری را با کدگذاری می دهد.
من می خواهم Svelte را در یک برنامه خاص که اخیراً در مورد آن فکر کردم آزمایش کنم.
بنابراین من در مورد اجرای یک ماشین حساب درصد ساده فکر کردم که در آن می توانم دسته ها را مدیریت کنم و آنها را به درصد تقسیم کنم.
- سولف
- سولتک
- ساول
- باد اب
من مفهوم Shadcn را دوست دارم. این اساساً یک وابستگی کم است … در واقع این یک lib نیست. این بیشتر یک دسته از مؤلفه های Tailwind است.
اکنون نکته ویژه در مورد Shadcn این است که شما هر مؤلفه را به کد منبع بسیار شخصی خود اضافه می کنید (به جای اضافه کردن وابستگی NPM) که مالکیت کامل در مورد آن را به شما می دهد. این با یک CLI نرم و صاف همراه است ، بنابراین من فقط مجبور شدم چند دستور را اجرا کنم.
گذشته از ایجاد مفهومی ، من اساساً یک سری دستورات را اجرا کردم.
برای ایجاد برنامه
npx sv create percenty
(من مجبور شدم به چند سؤال پاسخ دهم ، اساساً پاسخ ها TypeScript ، نمایشنامه نویس ، خط و زیباتر بودند)
برای افزودن svelte-shadcn و tailwind (نه به این ترتیب)
این مرحله با توجه به عدم تجربه منسوخ من ، سخت تر از حد انتظار شد.
ابتدا باید Tailwind اضافه شود.
npx sv add tailwindcss
تا اینجای کار خیلی خوبه. من هنوز مجبور شدم مواردی را که در راهنمای رسمی نصب Svelte Tailwind شرح داده شده است ، انجام دهم.
سپس من svelte-shadcn را با
npx shadcn-svelte@latest init
اضافه کردن یک دکمه Shadcn با ناعادلانه شکست خورد زیرا من یک مورد نداشتم tailwind.config.jsبشر
من یک پیکربندی اساسی اضافه کردم.
سپس دوباره دستور اضافه کردن دکمه Shadcn:
npx shadcn-svelte@latest add button
من یک repo github ایجاد کرده ام که می خواهم مربوط به پست های وبلاگ باشد.
