شروع کننده اصلی چیست؟
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.
نصب وابستگی ها
- دانلود و نصب نود جی اس اگر روی دستگاه شما نصب نیست
- نصب افزونه گالپ همراه خط دستور آنلا,
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 را در سمت سرور خود کدگذاری یا در وب سرور خود بارگذاری کنید.