Windows development environment setup

Software installation

Install the Node.js stable version

Go to nodejs.org/zh-cn/ and click the download button on the left

Tutorial blog.csdn.net/antma/artic…

Install the NPM

No installation is required, node.js comes with NPM

NPM download acceleration

On the command line, run NPM config set Registry registry.npm.taobao.org and press Enter

Installation of yarn

Yarn.bootcss.com/docs/instal…

Install VSCode

Enter code.visualStudio.com/ click Download button, Download and install in any location.

Use Vite to build official website

Create a project

1. Open CMD as administrator and go to the directory you want to develop

Such as in D: \ test

D:

cd test

2. Install create-viet-app globally

Use YARN Global add [email protected] or NPM i-g [email protected]

3. Create a project directory

Use cVA gulu-UI-3 or create-viet-app gulu-UI-3 to create your own project directory, where “gulu-UI-1” is your own project directory, can be changed at will.

4. Install dependencies. Input: yarn

  1. To run the project, enter YARN run dev or NPM run dev

  2. The results

Initialize the vue – the router

Creating a History Object

Creating a Router Object

Introducing the TypeScript

app.use(router)

add

add

Start creating the official website

Home.vue

Topnav: Logo on the left and Menu on the right

Banner: Text introduction + Start button

Doc.vue

Topnav: same as above

Content: Aside on the left, main on the right

The new route

The path is #/

Rendering Home. Vue

When the path is #/doc

Rendering Doc. Vue