Installation of Vue scaffolding (nanny-level tutorial)

Installation of Vue scaffolding (nanny-level tutorial)

1. Download vscode

vscode download address

2.node download

node download

1.Open cmd

node -v

npm -v

Insert image description here

2. Create new files node_global and node_cache in the download directory of node
Insert image description here

Modify file permissions
Insert image description here

3. Install Taobao image

npm install -g cnpm --registry=https://registry.npm.taobao.org

Insert image description here

5. Installation of Vue scaffolding
npm install -g @vue/cli

Insert image description here
Test whether the installation is successful

Vue -v

Insert image description here

At this point, the Vue scaffolding has been installed. But there are two concepts that need to be distinguished:
the Vue version we are learning is
2
. The housing contracting team is also constantly undergoing transformation, and it is now 4.5.12

6. Create a Vue project

Under the newly created file, open it with cmd

vue create my_project

Insert image description here
Select vue2
Insert image description here
and the project is created successfully.

7. Project operation

Drag the project directly into vscode and
enter npm run serve in the terminal

Insert image description here
At this point, the Vue scaffolding is completed.

Guess you like

Origin blog.csdn.net/qq_48164590/article/details/129440134