background
WeChat pushed some official account articles, so vite has been updated to version v6, so I built a vite project to see what changes have occurred.
process
Open/Official website, switch to Chinese language, find here/guide/#scaffolding-your-first-vite-projectThe document tells us, execute directly
NPM Create Vite@Latest
// Before remembering the document for execution
NPM Create Vite
// But personal understanding, VITE definitely wants to promote his new version, then simply bring LatestThen follow the prompts, step by step, as follows
The above is basically the construction, the effect in the VSCODE is as follows:
This directory deconstruction feels similar to the v5 version.
Then initialize a project, this time is some options. The process is as follows:
When building this time, select the interactive mode that prompts the user to build. Selected vue-router, pinia, prettier, etc. The directory is deconstructed as follows:
This directory deconstruction is indeed different. There are some differences in the above comparison. Among them, a plug -in, VuedevTools, are reflected in the middle, the page performance effect is as follows:
But we don't like it to delete it! as follows:
