栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

ts结合vue使用的感悟

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

ts结合vue使用的感悟

Typescript

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

Typescript使用
  • 官方文档EN 2.9 | 中文 2.7 推荐使用使用英文文档,明显比中文更新更快

  • 不知道算不算阮一峰的 这个过于简单了,但是归纳的挺好的

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

个人感想:

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

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

原文出处

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240937.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号