Vue ui creates Vue front-end project
1. Open vue ui service
Shortcut key win+r to open cmd and enter the following command
vue ui
2. Access the vue ui interface
Open the browser and enter localhost:8080 in the address bar
3. Create the project
Click Create to
select the project directory you want to create, click Create a new project here,
enter the project name, package manager select npm, git command to fill in init project, click Next to
select manual
Remove format, select router, select use configuration file, click next and
click create project
Click to create the project without saving the preset
4. Add element-ui plugin
First click on the plugin in the left navigation bar, then click on the upper right corner to add a plugin
**search for element, first select the content in the rectangular box as shown in the figure, it does not matter if the version is inconsistent, then click on the lower right corner to install**
**After the installation is complete, click to complete the installation**
4. Add dependencies
-
Add axios dependency
Click on the left navigation bar to rely on,
click on the upper right corner to install the dependency
search box and enter axios, select the content as shown in the figure, and then click on the lower right corner
-
Install less-loader dependencies
as shown above, enter less-loader in the search box, and then click install in the lower right corner
3. Install less depends on the
same as the picture above, enter less in the search box, and then click install in the lower right corner
At this point, all the installation is over, then start the Vue project
4. Start the Vue project
Just operate as shown
5. Visit the Vue project
Enter localhost:8080 in the address bar of the browser,
if the interface is the same as the figure below, it means success