vue3--vite introduction and how to create a project with vite

introduction

It is a new front-end building tool that can significantly improve the front-end development experience.

Compare webpack

webpack

insert image description here

fast

insert image description here

create project

1. Run the create project command

# 使用npm
npm create vite@latest
# 使用yarn
yarn create vite
# 使用pnpm
pnpm create vite

2. Enter the project name, the default is vite-project

insert image description here

3. Select the front-end framework

insert image description here

4. Select the project type

insert image description here

5. Created

insert image description here

6. Enter the project directory, install dependencies, and start the project.

insert image description here

Guess you like

Origin blog.csdn.net/Gik99/article/details/130375414