vue3 tutorial guide to create a vue3 project using vue cli

first step

1. Use vue --version to check whether vue is installed.
如果没有安装,使用命令:npm install vue-cli -g 安装,安装成功之后会显示版本号

Insert image description here

2. Create a project: Use the command vue create init-pwa-project to create a project, where init-pwa-project is the project name. After running, as follows.

Insert image description here
Select vue3 to create:
Insert image description here
successful installation Tips:
Insert image description here
You can see the folder of the successfully created project in your directory
Insert image description here

3. Run the project
  1. Enter the init-pwa-project directory
  2. Run the command npm run serve and get the following results
    Insert image description here
4. Web page effect

Browser access http://localhost:8081/ or the corresponding ip+port
Insert image description here

Guess you like

Origin blog.csdn.net/qq_37617413/article/details/123505082