Create a new project with vue-cli — Transcript

Transcript of the free Vue.js lesson Create a new project with vue-cliwatch the video lesson.

Στην προσοχή θα ακολουθήσουμε το ειδικό ΒιουΕΚΣ παράδειγμα με το δημιουργήσει ένα σόπινγκάρτ από πριν. Αυτή η μικρή πληκτήριξη έχει ένα πρότυπο λίστ και ένα σόπινγκάρτ. Ο χρηματοποίης μπορεί να προσθέσει πρότυπο στο σόπινγκάρτ και αργότερα να καταστρέψει. Για να ξεκινήσουμε, ας δημιουργήσουμε ένα νέο πρόγραμμα χρησιμοποιώντας το Vue CLI.

Για αυτή την προσοχή θα χρησιμοποιήσω το Vue School Webpack Template. Το Webpack Template μας ει Μετά τη διαδικασία, θα χρησιμοποιήσω το δημιουργείο και θα απαντήσω νότες σε όλες τις άλλες ερωτήσεις. Στην επόμενη θα αναβάζω στο νέο προϊόνι και θα κατασκευάσω τις διαδικασίες χρησιμοποιώντας Yarn. Τώρα θα χρησιμοποιήσω YarnDev για να ξεκινήσει το δημιουργείο.

js από το δημιουργικό παράδειγμα. Αυτό θα μας δώσει μερικές προϊόνες να παίξουμε και μερικές φαγητικές ή μοκδικές API σ Θα ανοίξω το νέο προϊόνι μας και θα δημιουργήσω μια διεκτορία API στους src. js. Αυτό το φιλό θα εξοπλήσει τα πληροφορικά API μας για να δημιουργήσουμε τα SOP από ένα υποθετικό σερβερ και να προσθέσουμε την εξοπλισμή.

Εντάξει πώς τα δύο εργασία λειτουργούν τη λειτουργία για να λειτουργούν στο αποτελέσμα. Επιπλέον, η λειτουργία buyProducts λειτουργούν τη λειτουργία για να λειτουργούν αν κάτι λάβει Επομένως, έχουμε την ευκαιρία να δουλεύουμε με τα δύο ευκαιρία. Η προστασία της προστασίας ειναι η προστασία της προστασίας που θα δουλεύουμε με. Πριν ξεκινήσουμε, θα κλείνω το σπίτι από το καλό κομπονίτου.

Επειδή δουλεύουμε ένα σόπινο καρτ, χρειαζόμαστε μια λίστα προστασίας. Ας δημιουργήσουμε ένα προστασία λίστα κομπονίτου κατά τη δικασία των προστασίας. Τώρα, ας δημιουργήσουμε την HTML που θα δουλεύουμε τις προστασίες μας. Επομένως έχουμε μια προσ και δημιουργήσουμε τον προϊόν του προϊόντου και τον εξοπλισμό του προϊόντου.

Ας δημιουργήσουμε το κομπονείτο μας με το παίξιμο των προϊόντων. Για τώρα, θα δημιουργήσω ένα προϊόντου δημιουργίας που θα είναι το προϊόντου του προϊόντου. Για να δημιουργήσουμε τους προϊόντους στην πραγματική ζωή, θα δημιουργήσουμε ένα ΑΖΑΙΑΙΚΤΟ ΚΟΝΤΟΝ ΑΠΙΑΙ. Για αυτό το παράδειγμα, έχουμε δημιουργήσει αυτό το πρέπει να χρησιμοποιήσουμε το getProducts method.

Μπορούμε να το κάνουμε στο component's createdHook. Όλα τα πράγματα που βάζετε στο createdHook θα λειτουργούν μετά από τα ειδικά που χρησιμοποιήθηκαν. Για να χρησιμοποιήσουμε το shop, πρέπει να το ασφαλίσουμε. Τώρα, μπορούμε να χρησιμοποιήσουμε το getProducts function και όταν το έχουμε, μπορούμε να κατασκευάσουμε το localProducts property στο returnData.

Τώρα που έχουμε το productList, είμαστε έτοιμοι να το χρησιμοποιήσουμε στο appView. Θα χρησιμοποιήσω το helloWorld component όπου βρίσκεται αυτό το φιλό με το εργασιακό λίστο μας. Θα αφήσω επίσης το λόγο από το εργασιακό. Ας το δούμε στο μπροζόρ.

Όπως περιμένουμε, δημιουργούμε ένα λίστο που δημιουργεί τα εργασιακά από το μόκτ API call. Στην προσοχή θα ακολουθήσουμε το ειδικό ΒιουΕΚΣ παράδειγμα με το δημιουργήσει ένα σόπινγκάρτ από πριν. Αυτή η μικρή πληκτήριξη έχει ένα πρότυπο λίστ και ένα σόπινγκάρτ. Ο χρηματοποίης μπορεί να προσθέσει πρότυπο στο σόπινγκάρτ και αργότερα να καταστρέψει.

Για να ξεκινήσουμε, ας δημιουργήσουμε ένα νέο πρόγραμμα χρησιμοποιώντας το Vue CLI. Για αυτή την προσοχή θα χρησιμοποιήσω το Vue School Webpack Template. Το Webpack Template μας ει Μετά τη διαδικασία, θα χρησιμοποιήσω το δημιουργείο και θα απαντήσω νότες σε όλες τις άλλες ερωτήσεις. Στην επόμενη θα αναβάζω στο νέο προϊόνι και θα κατασκευάσω τις διαδικασίες χρησιμοποιώντας Yarn.

Τώρα θα χρησιμοποιήσω YarnDev για να ξεκινήσει το δημιουργείο. js από το δημιουργικό παράδειγμα. Αυτό θα μας δώσει μερικές προϊόνες να παίξουμε και μερικές φαγητικές ή μοκδικές API σ Θα ανοίξω το νέο προϊόνι μας και θα δημιουργήσω μια διεκτορία API στους src. js.

Αυτό το φιλό θα εξοπλήσει τα πληροφορικά API μας για να δημιουργήσουμε τα SOP από ένα υποθετικό σερβερ και να προσθέσουμε την εξοπλισμή. Εντάξει πώς τα δύο εργασία λειτουργούν τη λειτουργία για να λειτουργούν στο αποτελέσμα. Επιπλέον, η λειτουργία buyProducts λειτουργούν τη λειτουργία για να λειτουργούν αν κάτι λάβει Επομένως, έχουμε την ευκαιρία να δουλεύουμε με τα δύο ευκαιρία. Η προστασία της προστασίας ειναι η προστασία της προστασίας που θα δουλεύουμε με.

Πριν ξεκινήσουμε, θα κλείνω το σπίτι από το καλό κομπονίτου. Επειδή δουλεύουμε ένα σόπινο καρτ, χρειαζόμαστε μια λίστα προστασίας. Ας δημιουργήσουμε ένα προστασία λίστα κομπονίτου κατά τη δικασία των προστασίας. Τώρα, ας δημιουργήσουμε την HTML που θα δουλεύουμε τις προστασίες μας.

Επομένως έχουμε μια προσ και δημιουργήσουμε τον προϊόν του προϊόντου και τον εξοπλισμό του προϊόντου. Ας δημιουργήσουμε το κομπονείτο μας με το παίξιμο των προϊόντων. Για τώρα, θα δημιουργήσω ένα προϊόντου δημιουργίας που θα είναι το προϊόντου του προϊόντου. Για να δημιουργήσουμε τους προϊόντους στην πραγματική ζωή, θα δημιουργήσουμε ένα ΑΖΑΙΑΙΚΤΟ ΚΟΝΤΟΝ ΑΠΙΑΙ.

Για αυτό το παράδειγμα, έχουμε δημιουργήσει αυτό το πρέπει να χρησιμοποιήσουμε το getProducts method. Μπορούμε να το κάνουμε στο component's createdHook. Όλα τα πράγματα που βάζετε στο createdHook θα λειτουργούν μετά από τα ειδικά που χρησιμοποιήθηκαν. Για να χρησιμοποιήσουμε το shop, πρέπει να το ασφαλίσουμε.

Τώρα, μπορούμε να χρησιμοποιήσουμε το getProducts function και όταν το έχουμε, μπορούμε να κατασκευάσουμε το localProducts property στο returnData. Τώρα που έχουμε το productList, είμαστε έτοιμοι να το χρησιμοποιήσουμε στο appView. Θα χρησιμοποιήσω το helloWorld component όπου βρίσκεται αυτό το φιλό με το εργασιακό λίστο μας. Θα αφήσω επίσης το λόγο από το εργασιακό.

Ας το δούμε στο μπροζόρ. Όπως περιμένουμε, δημιουργούμε ένα λίστο που δημιουργεί τα εργασιακά από το μόκτ API call.