Vue3+TS + vite 创建项目

一、首先给大家介绍一款极速搭建项目的构建工具(vite)

vite 是一个由原生ESM驱动的Web开发构建工具,打开 vite 依赖的 package.json 可以发现在 devDependencies 开发依赖里面已经引入了TypeScript ,甚至还有 vuex , vue-router , less , sass 这些本地开发经常需要用到的工具。vite 轻量,开箱即用的特点,满足了大部分开发场景的需求,作为快速启动本地 Vue项目来说,这是一个非常完美的工具。

npm init vite-app  
//或者
yarn create vite-app 

用vite安装时特别快的,就是有一个缺点,很多配置还需要自己来下载,基本要下载哪些呢?下面就给大家写在这里了,如下:

1、先来配置项目

(1)、安装typescript

yarn add typescript -D

(2)、初始化 tsconfig.json

//执行命令 初始化 tsconfig.json 
npx tsc --init     

(3)、 将main.js修改为main.ts

其他的引用也修改为main.ts,也需要将其他页面的 

你可能感兴趣的:(Vue3+TS,vue.js,typescript,前端)