怎么创建vite+vue3.0项目
时间: 2024-01-25 08:02:25 浏览: 140
基于vite+vuex+vue-router+vant3.0的h5应用框架,开箱即用
5星 · 资源好评率100%
创建 Vite + Vue3.0 项目可以按照以下步骤进行:
1. 首先确保你已经安装了 Node.js 和 npm 的最新版本,可以在命令行中运行以下命令检查版本:
```
node -v
npm -v
```
2. 然后全局安装 Vite,可以运行以下命令:
```
npm install -g vite
```
3. 创建一个新的 Vue 项目,进入命令行,运行以下命令:
```
mkdir my-vue-project
cd my-vue-project
npm init -y
```
4. 安装 Vue3.0 和相关依赖,可以运行以下命令:
```
npm install vue@next @vue/compiler-sfc --save-dev
```
5. 初始化 Vite,可以运行以下命令:
```
vite init
```
然后根据提示选择 Vue 3.0 作为模板。
6. 启动开发服务器,可以运行以下命令:
```
npm run dev
```
然后在浏览器中打开 http://localhost:3000 就可以看到项目的主页了。
以上就是创建 Vite + Vue3.0 项目的基本步骤。
阅读全文