vite+vue3+typescript搭建项目过程

vite和vue3.0都出来一段时间了，尝试一下搭vite+vue3+ts的项目

相关资料网址

• vue3.0官网：https://v3.vuejs.org/guide/introduction.html#getting-started
• Element对vue3支持——Element Plus
  官网地址：https://element-plus.gitee.io/#/zh-CN
  github地址：https://github.com/element-plus/element-plus

步骤

1. npm i vite -g
vite -v
   根据是否返回版本号判断是否下载成功
2. npm init vite-app 项目名 创建项目
3. cd 文件夹名
4. npm i
npm run dev
   即可看到网址打开

前五步为vite的使用搭建

5. npm i -S typescript vue-router@next 安装ts和router

先配置ts：

1. npx tsc --init 创建tsconfig.json文件

2. 把根目录下的main.js文件改名为main.ts

3. 把根目录下