How to create a Vue CLI project using Vue3

This article is about how to create a Vue CLI project using Vue3. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

I. official documents

Vue3 documents-vuejs

Https://www.vue3js.cn/docs/zh/

Core function of Vue: data binding

Vue CLI document

Https://cli.vuejs.org/zh/guide/

Vue CLI = Vue.js + a bunch of components

Create Vue CLI project 1 and install Vue CLI

Taobao mirror image

SQL:

Npm get registry-displays the current mirror URL npm config set registry http://registry.npm.taobao.org-uses Taobao's mirror URL

Install Vue CLI

CSS:

Npm install-g @ vue/cli@4.5.92, create web application

SQL:

Vue create web3, launch web application

Fei command line activated. Drag to the right and double-click

III. Explanation of Vue CLI project structure

The relationship among index.html, main.ts and app.vue

The reference method of public and assets static resource files

Public does not participate in packaging

Assets will be packaged.

Index.html is introduced into external static files for

The .gitignore file in the subfile will take effect, and the file rules configured in it are relative to the current location of the .gitingore file.

README.md takes effect only under the root directory.

Package.json acts like pom.xml.

Eslintrc.js is a double-edged sword.

Vue CLI needs to be compiled in order to release

Thank you for reading! This is the end of this article on "how to use Vue3 to create a Vue CLI project". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!