为了账号安全,请及时绑定邮箱和手机立即绑定

ts结合vue使用的感悟

标签:
Vue.js

TypeScript

前端现在越来越强大,多人开发更是常见,加上各大框架都开始支持TypeScript,而谷歌和微软又更加积极,导致不得不去学习,顺道通过js来了解ts,再通过ts来了解强类型语言。一路走来,辛酸二字不足形容,道行太浅,终究惨不忍睹。特在此记上一笔。以备将来继续踩坑前行。

TypeScript使用

使用流程

  • 全局安装 typescript

  • 版本检测 tsc -v

  • 新建文件后缀以 .ts即可

  • ts ==> js 执行命令tsc  **.ts ==> **.js

    • 配置 files

      到此基本可用

    • 随时更改,随时转 tsc  **.ts  -w

    • 多个文件处理 需要配置 typescript.json ==> tsc init

    • typescript.json

准备接入 vue 官方介绍

  • 目前可以看来 vue本意使用flow,奈何typescript已成大势所趋,不得不跟进脚步了

目前有两种方式

  • 直接基于之前的vue进行修改即可 Microsoft 这种学习成本低,改起来快,但却没有很好地发挥其作用

  • 基于vue-cli.3.0进行开发,这个学习成本大,很多东西不是很完善,而且相应的资料不完成,很痛苦

    • 使用到官方维护插件vue-class-component

    • 第三方vue-property-decorator

      目前个人能力有限,碰到一些坑,指令 过滤器该怎样写,不清楚了,因为写的格式已经大变,又没有正规的文档,导致有几种变化,目前还不好定论。到此为止,个人虽然很想基于vue-cli3.0进行开发,可惜实在是走不出来,退而求其次,先使用简单的,再多平时多关注这类的问题,希望早日出头吧。

语法检测 eslint ==> tslint

  • 在使用 tslint时,想更为其他格式,结果时灵时不灵,导致我直接忽视其配置了。虽然使用了官方配置,但是依旧有问题,也不知道是不是使用的姿势不对还是怎么的。反正就是将以前的操作都给变了。看来漫漫长路啊

个人感想:

  • 花了这么大气力来学习这个,结果有点竹篮打水一场空的赶脚。没办法

  • 其实还是有很多相关项目的,可惜了

原文出处

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消