typescript开发环境的最佳实践(代码片段)

cylee cylee     2022-12-13     106

关键词:

Typescript 开发环境的最佳实践

0?? git init(略)

1???? 初始化:$ yarn add -D ts-node typescript

2?? 生成 tsconfig.json:$ yarn tsc -init

3?? 配置 TSLint:$ yarn add tslint -D

4?? 生成 tslint.json:$ yarn tslint --init

5?? 创建 src/index.ts:$ mkdir src && echo "console.log(‘Hello Typescript‘)" > src/index.ts

6?? 执行 .ts 文件:$ yarn ts-node src/index.ts

7?? 安装 husky(没错,就是二哈??,哈士奇??): $ yarn add husky -D

8?? 打开 package.json,添加 husky 的 hook: 每次提交代码前,都会执行一次TSLint的检查命令。


    "husky": 
        "pre-commit": "yarn tslint -c tslint.json ‘./**/*.ts‘"
    

9?? 安装命令行交互神器 commander.js: $ yarn add commander

const commander = require(‘commander‘);
const pkg = require(‘../package.json‘);

commander
  .version(pkg.version)
  .description(pkg.description)
  .usage(‘[options] <command> [...]‘)
  .option(‘-c, --city [name]‘, ‘Add city name‘)
  .parse(process.argv);

if (process.argv.slice(2).length === 0) 
    commander.help();
    process.exit()

1??0?? 测试命令: $ yarn ts-node src/index.ts -h

$ yarn ts-node src/index.ts -h
yarn run v1.10.1
$ C:\\Users\\Lee\\Desktop\\ts-weather\\node_modules\\.bin\\ts-node src/index.ts -h
Usage: index.ts [options] <command> [...]

Options:
  -V, --version  output the version number
  -c, --city     Add city name
  -h, --help     output usage information
Done in 1.91s.

1??1?? 获取命令行输入:$ yarn ts-node src/index.ts --city dongguan

console.log(commander.city) // => dongguan

1??2?? 添加命令行颜色$ yarn add colors

const colors = require(‘colors‘);
const commander = require(‘commander‘);
const pkg = require(‘../package.json‘);

commander
  .version(pkg.version)
  .description(pkg.description)
  .usage(‘[options] <command> [...]‘)
  .option(‘-c, --city [name]‘, ‘Add city name‘)
  .parse(process.argv);

if (process.argv.slice(2).length === 0) 
    commander.outputHelp(colors.red);
    process.exit()

?

textangular/typescript/rxjs-最佳实践(代码片段)

查看详情

typescript前端工程最佳实践

 作者:王春雨前言随着前端工程化的快速发展,TypeScript变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛... 查看详情

聊聊typescript类型声明那些最佳实践(代码片段)

TypeScript诞生已久,优缺点大家都知晓,它可以说是JavaScript静态类型校验和语法增强的利器,为了更好的代码可读性和可维护性,我们一个个老工程都坦然接受了用TypeScript重构的命运。然而在改造的过程中,... 查看详情

聊聊typescript类型声明那些最佳实践(代码片段)

TypeScript诞生已久,优缺点大家都知晓,它可以说是JavaScript静态类型校验和语法增强的利器,为了更好的代码可读性和可维护性,我们一个个老工程都坦然接受了用TypeScript重构的命运。然而在改造的过程中,... 查看详情

使用nacos实现多环境配置以及最佳实践(代码片段)

...cloudalibaba-config-nacos-client3377应用中进行实践。概述我们在开发项目的时候,生产环境和测试环境的一些配置可能会不一样,所以我们可能会在上线的时候手工修 查看详情

egg中controller最佳实践(代码片段)

...Java/C#一样,更加直观自然的,做面向切面编程。而随着TypeScript的成熟,类型系统也让我们增强了信心,面对复杂的业务逻辑,也更有底气。egg-controller是集合了一些在Controller层开发中常见问题解决方案的插件。Controller路由定义... 查看详情

mongo实战之数据空洞的最佳实践(代码片段)

问题背景:某天,开发部的同事跑过来反映:mongodb数据文件太大,快把磁盘撑爆了!其中某个db占用最大(运营环境这个db的数据量其实很小)分析:开发环境有大量测试的增/删/改操作,而由于MongoDB顺序写的原因,在我们删除部分无用... 查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

markdown用python开发的“最佳实践最佳”(bobp)指南。(代码片段)

查看详情

vue3+typescript开发实践总结(代码片段)

...今年3月份时就把Vue3过了一遍。<br/>在去年年末又把TypeScript重新学了一遍,为了上Vue3的车,更好的开车。<br/>在上家公司4月份时,上级领导分配了一个内部的党务系统开发,这个系统前端是由我一个人来开发,功能和需... 查看详情

聊聊typescript类型声明那些最佳实践(代码片段)

TypeScript诞生已久,优缺点大家都知晓,它可以说是JavaScript静态类型校验和语法增强的利器,为了更好的代码可读性和可维护性,我们一个个老工程都坦然接受了用TypeScript重构的命运。然而在改造的过程中,... 查看详情

typescript环境搭建(代码片段)

前言TypeScript是微软开发的一门自由和开源的编程语言,TypeScript是JavaScript的一个超集,他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。同时利用他我们可以使JavaScript开发变... 查看详情

salesforce开发整理代码开发最佳实践(代码片段)

...乎没有任何一个项目的整个周期中,维护人员都是最初的开发人员,所以,合适的编码规范能极大的改善代码的可读性,方便其他开发者,甚至你自己在一段时间之后来阅读,维护你的代码  首先最重要的是包括对象,字段,... 查看详情