vite + vue3 添加 typescript

Posted 2021-09-15 wujh

记录一下使用vite+ vue3 添加typescript

创建项目

npm init vite-app <项目名>

进入项目安装依赖

npm i

安装插件

添加typescript，这里直接使用vue add typescript会报错，需要先添加一个依赖

npm install @vue/cli-service -D

使用vue添加插件，如果没有安装@vue/cli的先全局安装

npm install -g @vue/cli

然后再使用

vue add typescript

启动项目，发现页面空白，啥都没有出来，打开控制台发现报找不到main.js错误

修改index.html文件

将

<script type="module" src="/src/main.js"></script>

改为

<script type="module" src="/src/main.ts"></script>