[Vue] Vue project construction process (nanny level tutorial)

Vue project construction process

Install Node environment >>>> Global installation of scaffolding >>>> Initialize project steps

1. Install the Node environment

Node download address: https://nodejs.org/zh-cn
After clicking open, the page is as follows:
insert image description here
long-term support and stable version are recommended
a. After the download is complete, the next step is to install by default. The installation path can be modified. It is recommended to install the default path
b. node After installation, add npm configuration to the computer path environment variable
insert image description here

2. Install scaffolding globally

npm install -g @vue/cli 

3. Initialize the project step operation (open the cmd command line in the directory and perform the following steps)

a. Execute the create project command (start_vue can be replaced with the project name you want)

vue create start_vue

b. Up and down direction key, select Manually select features , press Enter
insert image description here
c. Select Router (space selection), press Enter
insert image description here
d. vue version select 3.x
insert image description here
e. Select Y for history mode of routing
insert image description here
f. Select eslint+ for selint syntax standard config g. Select lint on save
insert image description here
for the detection method
insert image description here
h. Select json
insert image description here
for the file type i. Save the current configuration, enter y and name it demo_1 or other
insert image description here
At this point, press Enter after the steps are executed, the VUE project has been initialized

Remark:

insert image description here

Guess you like

Origin blog.csdn.net/yqyn6/article/details/130360227