Vite+Vue3+TS 项目搭建

方案一

直接在命令行执行以下命令:

yarn create @vitejs/app

出现以下错误:

Vite+Vue3+TS 项目搭建_第1张图片

升级node版本即可:sudo n stable

再次运行命令,输入项目名称,选择vue、ts即可。

Vite+Vue3+TS 项目搭建_第2张图片

进到该项目目录下,安装依赖,执行 npm run dev 即可在本地服务器进行预览调试。

 

方案二

1、全局安装 vite: npm i vite -g

2、新建文件夹,执行命令:npm init vite-app

3、打开该文件夹,安装依赖,执行 npm run dev 即可预览页面

4、配置ts:npm i -S typescript

  • npx tsc --init , 创建 tsconfig.json 文件
  • 把根目录下的 main.js 文件名改为 main.ts
  • 把根目录下的 index.html 中引入的 main.js 改为 main.ts
  • 同时把 .vue 文件里的

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