hslibs v1.0.2

回溯科技用于前端开发的一个公用类库

完全参考这篇文章 https://www.jianshu.com/p/f0c05301f7e4

使用 typescript 编写发布包代码,发布包代码使用 typescript 语言编写, typescript 编译器将 ts 文件编译成 js 文件的同时, 能够生成后缀为 d.ts 的类型声明文件, 这个文件便是 vscode 提示功能的关键. vscode 正是通过解析 *.d.ts 这种类型声明文件来支持提示功能.

你本地安装了 typescript 没有

• .npm i -g typescript
• 生成 tsconfig.json文件 tsc --init
• 将 tsconfig.json 里面的 declaration:true 设置为这样

其中 declaration true 表示将要生成 d.ts 类型声明文件, 我们要把这个文件介绍给 vscode , 好使它有针对我们这个库的提示功能. index.ts文件，终端运行监视任务，监视里面选择typescript监视，然后当我们编写typescript源码的时候，对应的 js , d.ts文件都会自动生成了

package.json里面会添加这么一句 "main":"./index.js" "types":"./index.d.ts" 这个就是用来在开发环境vscode里面有提示的

npm包的发布流程

• npm login
• npm whoami 可以查看登录后的账号
• npm publish 每发布一次，修改一下版本号，否则不让发布

如何使用这个库

npm i hslibs

引入这个库之后，在 HelloWorld.vue里面引入这个库,**编写代码的时候自然就有提示了**，而是实际在vue项目中也测试过，确实有智能提示了

import * as hslibs from "hslibs";

    mounted:function(){
        console.log(this.Constants);

        for(var i=0;i<10;i++){
            hslibs.show(Math.floor(hslibs.randomNoGenerator(20,80)));
        }
    }