This article has participated in the Denver Nuggets Creators Camp 3 “More Productive writing” track, see details: Digg project | creators Camp 3 ongoing, “write” personal impact

This article for the nuggets technology community first, unauthorized prohibit to reprint!

preface

📚 has recently reconsolidated Vue3 to sort out relevant knowledge points and details

🎉 has so far scattered flowers:

  • The first1Parts:basis ✔
  • The first2Parts:Further components ✔
  • The first3Parts:Transitions and animation ✔
  • The first4Parts:Composite API and reuse ✔
  • The first5Parts:High order guide ✔

This article is part 6: Tools, which mainly covers several parts:

  • Single file component
  • test
  • TypeScript support
  • The mobile terminal
  • Production Environment Deployment

I will organize the relevant content into the following brain map, one can quickly understand the relevant knowledge, two to facilitate the later view!

🎁 By the end of this section you will have a clear understanding of Vue related tools

Problems addressed in this series

  1. Say goodbye to boring documents; Summary of all Vue knowledge points in a brief and comprehensive way in the form of a diagram

  2. Worry about blurred brain maps; The original hd images and files will be attached, which can be updated over time with Vue version iteration

Details are as follows: 👇

Mind maps

Single file component

Vue single file component abbreviated as SFC, also known as. Vue file, is a special file format

test

There are three major schools of testing

  • Unit testing
  • Component test
  • End to end testing

TypeScript support

We know that Vue 3 is written in TypeScript, so TypeScript has first-class citizen support in Vue

The mobile terminal

Vue itself does not support mobile application development, but there are solutions

Production Environment Deployment

I’ll cover a few things here, such as production environment patterns

Since during development, Vue provides many warnings to help us deal with common errors and pitfalls. However, this becomes unnecessary in a production environment, so you need to turn on production mode

See below for more on this

The attachment

I will upload the above original pictures and source files to github: github.com/jCodeLife/m…

Objective:

  • A convenient batch download
  • Secondly, it can be modified according to its own ideas and habits

END

That’s all about tools in Vue

If you have any questions, please leave a message. Thank you

Reference documentation

V3.cn.vuejs.org/guide/intro…