@ماروینماروین
مهندس نرم افزار. من کد می نویسم و عجیب و غریب می مانم.
با شروع یک راهنما برای کد بهتر قابل پیش بینی ، بویلر پروژه خود را ایجاد می کنیم. با فرض اینکه vue-cli را قبلاً نصب کرده اید. درست ، ما
awesome-todoما به صورت دستی تنظیمات پروژه خود را انتخاب می کنیم. با استفاده از Vue-2 ، اجازه می دهد تا
router،
vuexهمچنین
unit testingهمراه با پیش فرض های انتخاب شده. ما انتخاب می کنیم
jestوقتی که به راه حل تست واحد ما نیز می رسد و پیکربندی را در فایل package.json خود ذخیره کنید. اماده ای؟ خوب ، بیایید به مرحله بعدی برویم.
برای اهداف این راهنما ، ما از bootstrap استفاده خواهیم کرد. به خصوص ، bootstrap-vue. بیایید کلاس های CSS را کوتاه کنیم.
npm install bootstrap-vueدر شما
main.jsپرونده را اضافه کنید ، تنظیمات لازم را اضافه کنید.
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)نقطه!
در صفحه اصلی / فرود برنامه ما ، ما می خواهیم یک پیام خوش آمد گویی نمایش داده شود. برای پرونده ما
“به لیست کارهای جذاب TheGreenCodes خوش آمدید “
اول از همه ، ما تست می کنیم. همانطور که گفتم ، ما قبل از اجرای آن فکر می کنیم. ما به ویژگی ای فکر می کنیم که می خواهیم قبل از اجرای واقعی آن را پیاده سازی کنیم. سپس برای جلوگیری از دام تقلب اعتیاد ، آزمایشاتی را برای این ویژگی می نویسیم …