创建typescript项目

本文详细介绍了一个使用TypeScript从初始化项目到编译运行的全过程。包括目录结构搭建、配置文件设置、编写TypeScript代码及通过npm命令进行编译执行的具体步骤。

#cd 一个目录

npm init #初始化

npm install typescript --save-dev

 

#创建目录结构 

projectRoot

├── src

│   ├── file1.js

│   └── file2.js

├── built

└── tsconfig.json

 

#配置文件tsconfig.json

{

    "compilerOptions": {

        "outDir": "./built",

        "allowJs": true,

        "target": "es5"

    },

    "include": [

        "./src/**/*"

    ]

}

 

#在src目录下,新建一个index.ts文件,代码如下:

let showMe = (name:string,age:number)=>{

    "use strict";

    return "我的名字是:"+name+",我的年龄是:"+age;

}

// 调用函数

console.log(showMe("lily",19));

 

#修改package.json,在scripts段添加:

  "scripts": {

    "b": "tsc && node ./built/index"

  },

 

#在终端执行

npm run b

 

 

$ sudo npm install -g @angular/cli

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值