vite+vue3+ts创建项目
时间: 2024-01-17 18:19:09 浏览: 128
vite搭建vue3项目
以下是使用vite+vue3+ts创建项目的步骤:
1. 首先,确保你已经安装了Node.js和npm。你可以在终端中运行以下命令来检查它们的版本:
```shell
node -v
npm -v
```
2. 安装vite脚手架工具。在终端中运行以下命令:
```shell
npm install -g create-vite
```
3. 创建一个新的vite项目。在终端中运行以下命令:
```shell
create-vite my-project --template vue-ts
```
这将创建一个名为my-project的文件夹,并使用vue-ts模板初始化项目。
4. 进入项目文件夹。在终端中运行以下命令:
```shell
cd my-project
```
5. 安装项目依赖。在终端中运行以下命令:
```shell
npm install
```
6. 启动开发服务器。在终端中运行以下命令:
```shell
npm run dev
```
这将启动一个本地开发服务器,并在浏览器中打开项目。
现在,你已经成功创建了一个vite+vue3+ts的项目,并且可以开始开发了。
阅读全文