Installation and use of vue-cli3.0 or above (project manager)

1. vue-cli installation

Use the win+r command to open the command line, and enter the following command to install:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

After the installation is successful, check whether the installed version is above 3.0

vue -V

2. Create a project

Create a project named vue-test

vue create vue-test

Enter the project directory and execute the command

cd project-vue3
npm run serve

Open the project in VSCode using the following command

code .

insert image description here
Enter in the browser: localhost:8080/, you can access the project.
Of course, this way of creating projects from the command line is quite troublesome for me personally, so I recommend a project manager below, which can only be run with vue version 3.0 or higher.

3. Project Manager

The same first open the command line: win+r to open the graphical vue project manager

vue ui

insert image description here
After opening successfully, it will automatically jump to the browser interface.
insert image description here
insert image description here
Click to create a new project
insert image description here
and then click on the task to test and run it.
insert image description here
On the left side of the project, add the dependencies required by the project
insert image description here
to install the dependencies you need.
insert image description here

Guess you like

Origin blog.csdn.net/lj20020302/article/details/129402966
Recommended