자료유형 | 단행본 |
---|---|
서명/저자사항 | Vue CLI 3 Quick Start Guide : Build and Maintain Vue. js Applications Quickly with the Standard CLI. [electronic resource]. |
개인저자 | Imsirovic, Ajdin. |
발행사항 | Birmingham: Packt Publishing, Limited, 2019. |
형태사항 | 1 online resource (193 pages). |
기타형태 저록 | Print version: Imsirovic, Ajdin. Vue CLI 3 Quick Start Guide : Build and Maintain Vue. js Applications Quickly with the Standard CLI. Birmingham : Packt Publishing, Limited, ©2019 9781789950342 |
ISBN | 1789956846 9781789956849 |
일반주기 |
Watching our tests in Vue CLI 3
|
내용주기 | Cover; Title Page; Copyright and Credits; Dedication; About Packt; Contributors; Table of Contents; Preface; Chapter 1: Introducing Vue CLI 3; Technical requirements; Setting up Vue CLI 3 on our system; Is Vue CLI 3 already available?; Installing Node.js using Node Version Manager; Why install NVM?; Installing NVM on Windows; Installing Vue CLI 3; Installing VS Code; Using Vue CLI with no configuration; The benefits of using Vue CLI 3; Default toolchain, fatigue level zero; Vue CLI 3 default app via the command line; Vue CLI 3 default app via the UI; Summary; Chapter 2: Webpack in Vue CLI 3 The evolution of the JS languageThe script tag; Immediately Invoked Function Expressions; The problem with IIFEs; Sharing third-party libraries in a team environment with NPM; JavaScript task runners and NPM scripts; Modules in JavaScript; Working with modules in Node.js; Module bundlers, a way to use modules in the browser; What is webpack?; How webpack works; Building a new project and running webpack on it; Running webpack on a project; Adding a Vue project via NPM and using webpack with it; Adding our Vue component as a JavaScript module; Compiling JavaScript modules with webpack Adding options with the help of the webpack configuration fileAdding an HTML file so that we can render our Vue component; Giving webpack the ability to output an HTML file; Adding a .vue file as a JavaScript module; Adding a webpack loader to work with .vue files; Fixing the issue with our index.html file; Delivering HTML files via webpack with the help of html-webpack-plugin; Understanding Hot Module Replacement in Vue; Observing HMR updates; Summary; Chapter 3: Babel in Vue CLI 3; Understanding Babel; The building blocks of @vue/cli-plugin-babel; Babel 7 in @vue/cli-plugin-babel The role of babel-loader in @vue/cli-plugin-babelThe role of @vue/babel-preset-app; Other features of @vue/cli-plugin-babel; Using Babel and webpack in Vue 2 without Vue CLI; Installing the necessary NPM packages; Running webpack with ES5 code; Adding webpack-dev-server; Updating the methods option to ES6 syntax; Adding babel-loader to our webpack configuration; Updating our webpack configuration to work with babel; The problem with the this keyword in arrow functions in Vue; Recommended solutions to keyword problems; Adding one counter app; Summary; Chapter 4: Testing in Vue CLI 3 Understanding Vue pluginsBeginning testing on a brand new Vue app; Adding a new project with Vue CLI UI; Adding the Jest plugin to our Vue app; Examining the updates; Adding the code for our Vue application; Writing our first unit test inside a Vue app with Jest; Running our first unit test inside the Vue CLI UI; Importing mount from test-utils and writing another unit test; Mounting the component to be tested; Writing a failing assertion; Writing a passing assertion; Triggering a button click in our test; Test-driven development in Vue CLI 3; Improving our tests in Vue CLI 3 |
요약 | Vue CLI is a standard tool for building VueJS applications using either a command line interface or a Graphical user interface. This book will walk you through examples that will help you gain hands-on experience of developing apps. You'll learn to use a set of web utilities that simplify Vue.js development process with the Vue CLI 3. |
일반주제명 | Application software --Development. Web applications. Application software --Development. Web applications. |
언어 | 영어 |
바로가기 |