# vue-vite-ts

# 初始化

npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
1
2
3
4

# 目录结构

目录结构

# ts化

傻掉之路开启

  • src/main.js改成src/main.ts,然后index.html script标签中的文件名配套修改ts

  • 将vue组件内的<script>改成<script lang="ts">

  • 创建.vue的声明文件,不然ts不认识。src/shims-vue.d.ts,ts声明文件以.d.ts结尾标识

    
    
    1