使用vite创建vue3项目的不同版本与命令

使用vite创建vue3项目

不支持IE11

一.创建最新vite版本项目：官网（https://cn.vitejs.dev/guide/#trying-vite-online）

使用 NPM:

$ npm create vite@latest
使用 Yarn:

$ yarn create vite
使用 PNPM:

$ pnpm create vite

注意：由于npm官方淘宝镜像地址过期，需要及时更新到最新地址

查看npm配置地址命令：

npm config get registry

切换至最新淘宝镜像地址：

npm config set registry https://registry.npmmirror.com

 

根据提示操作即可：

 

 

 

 

 

 

 

 

 

 

 

 创建完成

 

二.创建vite1.0.0版本项目 使用此命令

1.全局安装 Vite
npm i -g create-vite-app

2.利用 Vite 创建 Vue3 项目
create-vite-app vue3-demo

3.进入项目目录
cd vue3-demo

4.安装依赖运行项目
npm install

5.启动 // VUE3的package.json文件自动用dev启动项目
npm run dev

main.js中vue引入的样子

 

 项目结构如下图：

 

 创建完成