创建typescript项目

#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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript 是一种静态类型的 JavaScript 超集,它为 JavaScript 提供了更好的开发工具和语言特性。在 TypeScript 项目实战中,你可以按照以下步骤进行: 1. 创建 TypeScript 项目:在创建项目时选择语言为 TypeScript,可以使用类似于创建 Vue 项目的方式来创建。这样,你就可以在项目中使用 TypeScript 来编写代码了。 2. 共存与迁移:如果你已经有一个使用 JavaScript 开发的旧项目,并且想要逐步使用 TypeScript 的特性,你可以先使用 TypeScript 编写新的文件,然后在后续的迭代中逐步迁移旧文件。这样可以减少迁移的成本,同时保持项目的稳定性。如果旧文件的迁移成本较高,TypeScript 也提供了类型声明文件的功能,可以在不修改 JavaScript 文件的情况下进行渐进式迁移。 3. 类型断言:当 TypeScript 推断出的类型不满足当前需求时,你可以使用类型断言来手动指定一个值的类型。类型断言是在编译时进行的,不会影响运行时的行为。这可以帮助你更精确地定义变量类型,提高代码的可读性和可维护性。 4. 使用 TypeScript 的特性:TypeScript 提供了许多特性,比如静态类型检查、类、接口、泛型等等。你可以根据项目的需求来选择合适的特性来使用,以提高代码的质量和开发效率。 总结起来,TypeScript 项目实战包括创建项目、共存与迁移、类型断言和使用 TypeScript 的特性。通过合理地应用这些步骤和技巧,你可以在项目中充分发挥 TypeScript 的优势,提升开发效率和代码质量。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [TypeScript从入门到项目实战(项目篇)](https://blog.csdn.net/qq_40716795/article/details/120591305)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [超细致的TypeScript入门与实战](https://blog.csdn.net/weixin_43805705/article/details/126471374)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值