详细vite创建vue3项目(vue3+ts+vite)

一、工具简介

1.1 nvm nodejs管理工具

node官网： https://nodejs.org/en/

• nvm version 查看版本号
• nvm install 14.15.3 安装node版本
• nvm list 查看安装node列表
• nvm use 14.15.3 切换选择已安装的版本号

1.2 pnpm,yarn包管理工具

• npm i pnpm -g
• 

1.3 Vite 前端构建工具

vite 下一代的前端工具链

二、创建vue3项目

使用 PNPM:

$ pnpm create vite

1. 输入vue项目名称 vitedemo
2. 选择使用哪种框架 vue
3. 选择Javascript 和TypeScript TypeScript
4. 创建完成
5. 切换到项目根目录
6. 安装依赖
7. 启动Vue 项目

三、初始配置

vscode进行编写代码，值得注意的是vue3中使用vscode的插件时需要禁用以前vue2常使用的插件Vetur，而安装Vue Language Features (Volar)插件。不然代码会提示报错。