Vue3+TypeScript + vite 创建项目步骤(1)

本文介绍了如何在现代Web开发中使用Babel进行ES6转码,TypeScript的超集特性及其在项目中的应用,以及Vue生态中的VueRouter、Vuex和CSS预处理器等重要工具,强调了代码质量控制和测试的重要性。

2 ( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。

3 ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行,目前较少人再用

4 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序

5 ( ) Router // vue-router(vue路由)

6 ( ) Vuex // vuex(vue的状态管理模式)

7 ( ) CSS Pre-processors // CSS 预处理器(如:less、sass)

8 ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint)

9 ( ) Unit Testing // 单元测试(unit tests)

10 ( ) E2E Testing // e2e(end to end) 测试

例如: 忘记使用选择 TypeScript 也没事,加一行cli命令就行了

vue add typescript

最后,别忘了在 .vue 代码中,给 script 标签加上 lang=“ts”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值