مقدمه

شروع به کار

این مستندات به شما درکی از نحوه ساختار داشبورد مدیریت مونو می‌دهد و شما را در انجام عملکردهای رایج راهنمایی می‌کند. اگر به کمک بیشتری نیاز دارید که در این مستندات پوشش داده نشده است، لطفاً با من از طریق theme@iamabdus.com تماس بگیرید.

نصب

مونو از gulp برای خودکارسازی گردش کار استفاده می‌کند. این یک جعبه ابزار برای خودکارسازی وظایف طاقت‌فرسا یا زمان‌بر در گردش کار توسعه شماست، بنابراین می‌توانید دست از کار زیاد بردارید و چیزی بسازید.

مرحله اول:مطمئن شوید که نسخه جدیدی از Node.js را روی دستگاه محلی خود نصب کرده‌اید.

مرحله دوم:terminal را در دایرکتوری ریشه پروژه باز کنید.

مرحله سوم: سپس دستورات زیر را به ترتیب در ترمینال اجرا کنید:

  //install gulp-cli globally
  $ npm install gulp-cli -g

  //install devDependencies
  $ npm install

  //run project
  $ gulp

این دستور، وظیفه پیش‌فرض gulp را اجرا می‌کند که شامل موارد زیر است: اجرای BrowserSync، ساخت تمام فایل‌های html، کوچک‌سازی جاوا اسکریپت، کامپایل sass و lanching watch. BrowserSync سرور توسعه را ایجاد کرده و مرورگر شما را با ویرایشگر کدتان همگام‌سازی می‌کند.

کار ویرایش فایل‌های SCSS تمام است و gulp فایل SCSS شما را به CSS کامپایل خواهد کرد.

ساختار فایل

• dist
• node_modules
• src
  • assets
    • img
    • js
    • plugins
    • scss
  • index.html
• gulpfile.js
• package.json
• .gitignore