码迷,mamicode.com
首页 > 其他好文 > 详细

TypeScript 申明文件的发布及使用

时间:2017-08-27 10:13:38      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:script   type   使用   

一 ,发布文件:

①, 首先需要在npm官网注册一个账号:

https://www.npmjs.org


②, 使用npm adduser命令添加一个账号

技术分享

注意:需要输入3个信息

1 , 你的用户名( 如 : 我的是aonaufly )

2 , 你的密码 ( 注意 , 密码是掩藏的不会显示出来  , 也不会以*的显示显示  , 输入完成以后按enter键键入下一项)

3 , 你的注册邮箱


③ , 注册一个github账号 ( https://github.com ) 并且新建一个项目

技术分享



④, 打包项目  npm init(会生成package.json), 这是在发布项目之前需要做的

技术分享

技术分享

以下是生成的package.json

{
  "name": "sample_ts",
  "version": "1.0.0",
  "description": "aonaufly for test",
  "main": "./com/sample-00.d.ts",
  "scripts": {
    "test": "hello"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Aonaufly/D_File.git"
  },
  "keywords": [
    "hello",
    "world"
  ],
  "author": "Aonaufly",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/Aonaufly/D_File/issues"
  },
  "homepage": "https://github.com/Aonaufly/D_File#readme"
}


⑤, 发布 npm publish

技术分享


⑥, 发布成果:

技术分享



二 , 使用我的包 ( 这里需要新建一个项目 )

①, 安装我的包 (npm install sample_ts):

技术分享


⑤, 测试 :

1, 先看看安装成功后的项目结构

技术分享

2, 正式测试

import {sample_ts} from "./node_modules/sample_ts/sample-00"
type AAA = sample_ts.AAA;
export module test{
    export class  CCC{
        private class_a : AAA;
        public constructor( class_a : AAA ){
            this.class_a = class_a;
        }

        public doSomething() : string{
            if( this.class_a != null){
                return this.class_a.get_name();
            }else{
                return "Error";
            }
        }
    }
}
let a : AAA = new sample_ts.AAA("Kayer");
let c : test.CCC = new test.CCC(a);
console.log(`this is test : ${c.doSomething()}`);

结果:

技术分享


缺陷 : 没有进入到类库(.d.ts)的境界 , 还需继续努力。

本文出自 “Better_Power_Wisdom” 博客,请务必保留此出处http://aonaufly.blog.51cto.com/3554853/1959591

TypeScript 申明文件的发布及使用

标签:script   type   使用   

原文地址:http://aonaufly.blog.51cto.com/3554853/1959591

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!