可以先安装vite手动选择创建项目,也可以用第二种方式一步到位

安装方式一:

1.在一个文件夹内,打开 git-bash 或者cmd

  1. npm init vite@latest

2.输入项目名字

image.png

3.选择语言(上下箭头选择,enter键确认)

image.png
并且进一步选择vue-ts 使用ts
image.png
这表示安装成功
image.png

4.进入项目,并进行初始化,和运行

image.png
初始化和运行

  1. //初始化
  2. npm install
  3. //运行
  4. npm run dev

image.png

方式二:安装vite的同时创建vite项目

<project-name>替换 自己的项目名称

  1. // 安装vite同时创建vite项目
  2. 2npm init vite@latest <project-name> --template vue-ts

image.png
创建好项目后,进入到项目,进行初始化安装,和运行

  1. //初始化
  2. npm install
  3. //运行
  4. npm run dev