vue scaffolding interactive command line and graphical interface installation steps (pictures and texts)

This article brings you relevant knowledge about vue, which mainly introduces the related issues about the scaffolding interactive command line and graphical interface installation steps. Let’s take a look at it together. I hope Helpful to everyone.

[Related recommendations: javascript video tutorial, vue.js tutorial】

vue scaffolding interactive Command line and graphical interface installation steps

Interactive command line

Ensure node is installed

Install vue scaffolding command: npm install -g @vue /cli

Installation successful Use vue -V to view the installed version

If it has been installed before, use the npm uinstall vue-cli -g command to uninstall

Create project

3.1 Enter vue create vue_proj and press Enter (select the second item to create manually and then Enter)

3.2 Select the three configurations in the picture, press the space button to select, and press Enter to confirm

3.3 Ask whether to install historical mode routing, choose to install hash mode, select n and press Enter

##3.4 Ask about the version, select Standard config and press Enter

3.5 Ask when to perform history verification, select default and press Enter

3.6 Create a separate configuration file, select the first item Then press Enter

3.7 Whether to save the current selection as a template, you can choose yes or no, here select yes and press enter

Template name: vue_model_01

3.8 Wait for the creation to be completed and cd to enter the project root directory, then run npm run serve to start the project

Finally copy the address and open it in the browser

GUI creation

First step, enter vue ui

Click Create and create a new project here

6. Fill in the file Name and initialize git repository

7. Choose manual, automatic, or previously created template, choose manual here (first time)

8.Select the following four

9.Select the third one and click Create Project

10 Then enter the name () to create the project, save the preset or not save it

11 Then Just run it

【Related recommendations: javascript video tutorial, vue.js tutorial】

The above is the detailed content of vue scaffolding interactive command line and graphical interface installation steps (pictures and texts). For more information, please follow other related articles on the PHP Chinese website!