شروع کننده اصلی چیست؟
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
نصب وابستگی ها
- دانلود و نصب نود جی اس اگر روی دستگاه شما نصب نیست
- نصب افزونه گالپ همراه خط دستور آنلا, gulp-cli و
npm install gulp-cli -g - به فهرست اصلی پروژه خود بروید و اجرا کنید
npm installتا وابستگی ها نصب شوند - اجرا
gulp serve.
با دستور بالا ، یک وب سرور ثابت در مرورگر شما شروع می شود که به آن اشاره می کند /src فهرست راهنما. این پرونده های شما را تماشا می کند تا مرورگر را دوباره بارگیری کند پرونده های HTML یا پرونده های JS و CSS. همچنین ، فایل های SCSS و JS شما را تماشا می کند تا با هر تغییر آنها را به page.min.css و page.min.js کامپایل کنید.
نوشتن کد
زمان توسعه است. اکنون آماده ایجاد پرونده های HTML و نوشتن پرونده های خود هستید کدهای CSS و JS سفارشی.
- HTML
از آنجا که اکثر وب سایت ها دارای طرح جهانی هستند برای کل برنامه ، ممکن است بخواهید شروع به اصلاح فایل index.html و یک طرح کلی برای وب سایت خود ایجاد کنید. ویژگی های طرح بندی موجود مانند را بررسی کنید نوبار, هدر, کاور, فوتر,و غیره و همچنین همه بلاک ها and کیت رابط کاربری.
- SCSS
سبک های اضافی خود را در داخل تنظیم کنید /assets/scss/_style.scss.با خیال راحت فایلهای scss و حتی بیشتری ایجاد کنید زیرشاخه های داخل پوشه / scss برای تقسیم کد شما به قطعات کوچکتر و وارد کردن آنها را در پرونده /scss/page.scss قرار دهید. وظیفه Gulp ما تماشای همه موارد است پرونده های scss داخل پوشه / scss و پس از هر تغییر مجدداً صفحه.min.css را کامپایل کنید.
- JavaScript
کدهای JavaScript اضافی شما باید باشد داخل بنویس/assets/js/src/script.js.دوباره ، اگر شما نیاز به تقسیم خود را چندین فایل JS را کد کنید ، به سادگی آنها را در داخل دایرکتوری / js / src ایجاد کنید و نیاز دارید آنها را در داخل /js/src/page.js.وظیفه Gulp ما تماشای همه موارد است فایلهای JS داخل پوشه / js / src و استفاده مجدد از صفحه.min.js را دوباره کامپایل کنید بسته وب
توزیع کردن
توسعه تمام شد؟ اجرا کن gulp dist تا کد خود را در داخل مستقر کنید /dist فهرست راهنما. این کار به سادگی فایل های غیرضروری را حذف می کند (فایل های scss ، پوشه scss ، پرونده های css و js و غیره حذف شده و غیره) در پوشه / dist. اکنون می توانید استفاده کنید پوشه / dist را در سمت سرور خود کدگذاری یا در وب سرور خود بارگذاری کنید.