vite创建vue3.0+ts项目

一、搭建vite项目

使用下面其中一种方式，然后按照提示操作即可！

//npm 
npm init vite@latest

//yarn
yarn create vite

//pnpm
pnpm create vite

通过附加的命令行选项直接指定项目名称和你想要使用的模板。

模板预设：

// npm 6.x
npm init vite@latest my-vue-app --template vue

// npm 7+, 需要额外的双横线：
npm init vite@latest my-vue-app -- --template vue

// yarn
yarn create vite my-vue-app --template vue

// pnpm
pnpm create vite my-vue-app -- --template vue

注意：其中my-vue-app是项目名称;vue 是预设模板名称,可根据需要设置成上述模板

二、创建一个v3+ts的项目

npm init vite@latest vepal-ts-app -- --template vue-ts

在这里插入图片描述

此时已创建完成，根据提示进入项目，下载相关依赖

三、启动项目自动打开网页

打开 根目录下的package.json，在启动命令行内加上 --open,如下：

现在通过 npm run dev 就可以启动项目啦！