Article directory
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 .
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
After opening successfully, it will automatically jump to the browser interface.
Click to create a new project
and then click on the task to test and run it.
On the left side of the project, add the dependencies required by the project
to install the dependencies you need.