19、使用vite+ts+vue-router+vuex构建Vue3.0项目

vite是类似webpack的前端构建工具,基于浏览器 ES module ,优点:

  • 快速的冷启动
  • 即时的模块热更新
  • 真正的按需编译
  • 1、安装vite
npm install -g create-vite-app
  • 2、创建工程
create-vite-app vue-vite-template
  • 3、下载依赖
npm install
  • 4、启动项目
npm run dev
  • 5、项目工程中安装typescript
npm install typescript -D
  • 6、初始化tsc配置文件
npx tsc --init
  • 7、项目中的.js改成.ts; index.html中引用改成.ts ; 添加

你可能感兴趣的:(19、使用vite+ts+vue-router+vuex构建Vue3.0项目)