Using Vue3 (Part 1) Creating a Vue CLI Project

1. Official Documentation

Vue3 Documentation - vuejs
https://www.vue3js.cn/docs/zh/

Vue core function: data binding

Vue CLI Documentation
https://cli.vuejs.org/zh/guide/

Vue CLI = Vue.js + a bunch of components

2. Create a Vue CLI project

1. Install Vue CLI

Taobao mirror

SQL:

npm get registry -- Display the current mirror URL npm config set registry http://registry.npm.taobao.org -- Use Taobao's mirror URL

Install Vue CLI

CSS:

npm install -g @vue/[email protected]

2. Create a web application

SQL:

vue create web

3. Start the web application

Free command line startup. Drag to the right and double-click

3. Vue CLI project structure explanation

index.html , main.ts , app.vue
Reference method of two static resource files: public and assets

• public does not participate in packaging
• assets will be packaged
  

index.html introduces external static files using <%= BASE_URL %>
The .gitignore file in the sub-file will take effect, and the file rules configured in it are relative to the location of the current gitingore file
README.md is only valid in the root directory
package.json is similar to pom.xml
eslintrc.js is a double-edged sword
Vue CLI needs to be compiled before it can be released

This is the end of this article about using Vue3 to create a Vue CLI project. For more relevant Vue3 to create a Vue CLI project content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!