使用Vue脚手架创建TS项目

发布于：2024-10-24 编辑：匿名来源：网络

什么是TS？ TS语言，也称为TypeScript，是前端非常强大的语言超集，基于JavaScript。 TS的强大吸引了很多前端开发者学习和使用。

TS最大的特点是基于JavaScript来设计泛型、对象、继承、数据类型等。在我们开发JavaScript的过程中，报错率非常高，因为JS是弱类型语言。

TS 具有很强的类型检查，例如严格的数据类型、严格的格式等。VUE-CLI 创建 TS 支持的项目。

如果你喜欢使用Vue进行前端开发，那么你一定用过它的CLI。使用CLI构建项目时，可以选择Vue2或Vue3。

其实我们也可以定制。在自定义项目中，我们可以检查 TS 选项。

输入自定义，Babel 选项默认为您选择，并且是必需的。第二项是TS。

渐进式 Web 应用程序 (PWA) 支持渐进式 Web 应用程序路由器路由管理器 Vuex 项目状态管理 Css 预处理器 Css 预处理器 Linter / Formatter 代码样式检查和格式化单元测试单元测试 E2E 测试端到端测试（如果您想使用 Sass 或）少一点，那么你可以勾选CSS预处理选项，它会让你在下一步中选择扩展语言对应的预处理器。按 Enter 键让您选择版本。

然后应该有一个选项->：这个选项我选择了NO。他到底是什么？他在问你：vue中使用的是TS的class-style代码风格。

vue中使用的是typescript的class-style代码风格。除了ts的语法之外，还使用了vue-property-decorator语法。

vue-class-component 语法搜索我们看一下：vue class component 是 vue 官方出品的 vue 属性装饰器。它是由社区制作的。

vue类组件提供vue组件等。 vue 属性装饰器深度依赖于 vue 类组件，扩展了很多操作符 @Prop @Emit @Inject 等。

可以说是vue类组件的超集。正常开发时，只需要使用vue属性装饰器中提供的操作符即可。

您不再需要从 vue 类组件引入 vue 组件。这个东西和Java的注解很相似。

我在博客上看到一个大佬给出的例子：使用Babel对原始链接进行转义，并与TypeScript一起使用进行自动检测。我选的是Y。

然后还有一个：Use History mode for fouter。我不会解释这一点。

用过路由的人都知道。这里选择语法检测模式： ESLint with error Prevention only 仅错误提醒 ESLint + Airbnb config 松散模式 ESLint + Standard config 正常模式 ESLint + Prettier 严格模式用得较多，然后有两个选项： Lint on save 检查 Lint when saving 和修复提交检查，然后在提交到远程时进行另一项检查：您更喜欢将 Bable、ESLint 的配置放在哪里。

ETC？在专用配置文件中配置文件放置在单独的文件中在 package Json 中配置文件放置在 package.json 最后：将此保存为将来项目的预设吗？还记得我们的预设吗？我选择“否”。然后大楼就开始了。

这样就完成了构建。看一下项目结构。

项目结构整体结构和普通Vue类似。勾选路由和Vuex后，默认创建路由和Vuex文件夹。

那么所有的JS文件就变成了TS文件。然后多了一个TS配置文件tsconfig.js，基本上不需要自己定义。

另外，还有两个TS文件。 shims-vue.d.ts 文件可帮助您的 IDE 了解以 .vue 结尾的文件是什么。

shims.tsx.d.ts 允许您使用 .tsx 文件编写 JSX` 风格的打字稿代码，同时在 jsx` IDE 中启用语法支持。

站长声明

标签：

上一篇：腾讯开源企业级设计系统TDesign

下一篇：【ES三周年】了解ES查询机制

一键测量让智能手表重回便捷，Amazfit以“小步”跃进下一阶段

疫情过去两年，大家都希望再次进步。 10月12日，Amazfit发布了多款硬件新品，并正式中文名称：悦沃。尽管黄汪在会议开始时只花了几分钟介绍这个名字，但这个词却贯穿了整个会议，成为会议上最重要的“新产品”。刚刚结束发布会的华米科技CEO黄汪在会后匆匆赶往群访室。在回

06-21
铟泰公司技术专家将在CEIA贵阳站发表演讲

铟泰公司技术经理梁银潭将在CEIA电子智能制造贵阳站发表演讲（7月26日）。届时，梁银潭的演讲《焊接材料对可靠性的影响》将与大家分享如何利用材料来解决焊接中的诸多问题，如枕状缺陷、NWO开焊问题、葡萄球缺陷和SIR性能问题。他还将介绍如何使用材料来提高最终产品的可靠

06-06
陈志武对话殷哲：如何在波动的市场中实现投资“稳赢”？过去的

年里，我们见证了许多历史性事件。在COVID-19疫情黑天鹅事件的影响下，美国最新失业率预计高达25%，而中国一季度GDP录得负增长-6.8%；在持续的经济压力下，全球股市、债市、原油、黄金市场出现剧烈动荡。，投资风险显着增加。在全球金融动荡的背景下，还有什么办法可以进行

06-17
众神之战 -赛事升级，4.1亿元奖金纳入浙江赛区奖励权益，

浙江企业家看了：政策和现金奖励共计4.1亿元；知名媒体独家专访报道；数千万元的融资对接，构成了封神之战（浙江赛区）的3D立体奖励设定，你不容错过！奖项及奖励 1、浙江赛区奖项及奖励设置 1、浙江赛区总决赛冠军 1）在中国（杭州）人工智能小镇工商注册并入驻写字楼者，可

06-18
谷歌Pixel 4发布会前瞻：全新外观、黑科技众多、还有5G版本？

此后，谷歌每年10月都会发布最新的Pixel智能手机型号，今年也不例外。 2017年，谷歌将发布会定在10月15日。发布会召开时，其即将推出的产品备受关注——尽管谷歌此前已经泄露了大量有关Pixel 4的产品信息。不过，值得注意的是，有消息称，在除了发布Pixel 4之外，谷歌还可能

06-17
10亿元，区级政府产业引导基金落地山西

为助力产业发展，晋源区设立全市首个区级政府产业引导基金，基金规模初步规划10亿元。近年来，晋源区以辖区内工业项目为重点，重点打造北中南三大发展板块，全力推动经济高质量发展。北部城市核心发展板块重点发展现代商业、楼宇经济、数字产业、金融等现代服务业；中央综合

06-17
不负美名 OPPO R系列产品评测

众所周知，目前市面上消费级无人机的控制方式主要有两种：遥控器和手机。与智能手机相比，遥控器可以更精准地控制飞行器，但考虑到便携性，现有的便携式无人机基本都是通过手机控制。 Manta S6的标准模式同样采用手机控制方式，但客观地考虑到用户对控制精度和手感的要求，

06-18
东北这里设立引导基金，首期50亿

据投资界11月2日消息，投资界从南粤基金公众号获悉，近日，大连市正式审核通过并授权签署母基金委托管理协议。这只来自广州的南粤基金正式成为大连引导基金的母基金管理人。全面负责大连引导基金的设立、投资、管理和退出，推动政府母基金支持区域经济转型和高质量发展进入

06-18
张德芬空间获1000万元A轮融资，投资方为喜马拉雅，

据投资界3月9日消息，张德芬空间宣布完成1000万元A轮融资，投资方为喜马拉雅。张德芬空间是知名畅销书作家作家张德芬于2006年创立的个人成长平台，倡导自我负责的成长理念。目前在网用户超过1万，付费用户超过10万。为了利用与时俱进的媒体传播方式普及心理健康知识，张德

06-18
陆金所拟赴美IPO融资30亿美元

知情人士人士表示，陆金所赴美IPO融资目标为30亿美元。

06-17
AI语音独角兽“佩戴”完成数亿元Pre-IPO轮融资

投资界（ID：pedaily）8月27日消息，苏州佩戴信息技术有限公司近日宣布获得数百万元融资数百万元Pre-IPO轮战略投资。本轮投资参与方包括珠海大横琴、美的资本、上海交大基金会旗下汉源资产、中信证投、元和控股等投资机构。 Spichi是国内一家对话式人工智能公司。本轮融资后

06-18
初心、利益、人类危机：奥特曼正式重返OpenAI

数小时前，OpenAI官网发布新文公告宣布：奥特曼（萨姆奥尔特曼）将正式重返OpenAI担任CEO，Mira将重返OpenAI担任CEO CTO，新董事俱乐部将由布雷特泰勒（可能是支持奥特曼的激进分子）、拉里萨默斯（可能是激进分子）和亚当D'Angelo（D'Angelo是仅存的老董事，曾经支持奥特曼

06-18