Vue3.0结合TypeScript与Vite的入门体验详解?

2026-06-04 21:562阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计803个文字,预计阅读时间需要4分钟。

Vue3.0结合TypeScript与Vite的入门体验详解?

创建项目步骤如下:

1. 使用 npm: npm init vite-app project-name cd project-name npm install npm run dev

2.使用 yarn:

yarn create vite-app project-name cd project-name yarn yarn dev

项目结构:- main.js:在个人喜好基础上,我感觉到 createApp() 是 Vue 应用的入口。

项目创建

npm:

$ npm init vite-app <project-name> $ cd <project-name> $ npm install $ npm run dev

or yarn:

$ yarn create vite-app <project-name> $ cd <project-name> $ yarn $ yarn dev

项目结构

main.js


在个人想法上,我觉得createApp()是vue应用的实例,createApp支持链式调用

App.vue:


这是兼容vue2.0的语法,下面是vue3.0 rfc写法(还处于实验性阶段)。

阅读全文

本文共计803个文字,预计阅读时间需要4分钟。

Vue3.0结合TypeScript与Vite的入门体验详解?

创建项目步骤如下:

1. 使用 npm: npm init vite-app project-name cd project-name npm install npm run dev

2.使用 yarn:

yarn create vite-app project-name cd project-name yarn yarn dev

项目结构:- main.js:在个人喜好基础上,我感觉到 createApp() 是 Vue 应用的入口。

项目创建

npm:

$ npm init vite-app <project-name> $ cd <project-name> $ npm install $ npm run dev

or yarn:

$ yarn create vite-app <project-name> $ cd <project-name> $ yarn $ yarn dev

项目结构

main.js


在个人想法上,我觉得createApp()是vue应用的实例,createApp支持链式调用

App.vue:


这是兼容vue2.0的语法,下面是vue3.0 rfc写法(还处于实验性阶段)。

阅读全文