`

创建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

分享到:
评论

相关推荐

    使用Vue CLI创建typescript项目的方法

    通过Vue CLI创建TypeScript项目,不仅提高了开发效率,而且利用Vue.js的响应式框架和TypeScript的类型系统,能够进一步确保代码的质量和项目的可维护性。遇到问题时,如npm源配置错误,通过适当的配置修改即可解决。...

    gulp-tsconfig:简单的gulp插件,可为给定的一组源创建TypeScript项目文件('tsconfig.json')。 也支持通过 globs 对项目文件进行排序

    gulp-tsconfig 简单的gulp插件,可为给定的一组源创建TypeScript项目文件('tsconfig.json')。 也支持通过 globs 对项目文件进行排序。 存储库中提供了一个示例。安装 $ npm install --save-dev gulp-tsconfig用法 ...

    typescript例子-如何使用node.js

    二、创建 TypeScript 项目 创建一个新的项目文件夹,并初始化一个 npm 项目: ```bash mkdir typescript-nodejs cd typescript-nodejs npm init -y ``` 三、设置 TypeScript 配置 在项目根目录下创建 `tsconfig....

    一个初始项目使创建一个TypeScript库非常容易

    描述中的"一个初始项目,使创建一个TypeScript库非常容易"进一步强调了这个项目模板的目标——降低创建TypeScript库的门槛。这意味着该项目包含了必要的配置文件、示例代码、构建脚本等,让开发者可以迅速上手并专注...

    第二课 TypeScript介绍与安装1

    在后续的学习中,你可以开始创建TypeScript项目,编写代码,并利用这些工具进行调试和运行。 总的来说,TypeScript是提升JavaScript开发体验和代码质量的有效工具。通过它的静态类型系统,开发者可以编写出更加安全...

    create-ts-project:创建TypeScript monorepo项目,并配置项目参考,jest,eslint和ptiertier,并准备进行开发

    创建TypeScript项目 创建打字稿项目生成使用项目准备就绪的开发monorepo,(V2),, 和。 生成的回购包含脚本,以帮助管理回购中软件包之间的依赖性。 它包括针对每个推送或PR上的lint / test / build的GitHub ...

    创建vue+element+typescript步骤

    创建vue+element+typescript项目步骤 还有vue-video-player视频播放插件引入步骤亲测·可用

    tsinit:初始化TypeScript项目在2021年仍然是PITA,因此这是一个令人烦恼的简单bash脚本,用于使用nodemon,eslint,Jest和Prettier初始化裸露的TypeScript项目

    使用明智的默认开发工具创建TypeScript项目仍然是PITA。因此,这是一个令人麻木的简单bash脚本,用于使用eslint,Prettier,nodemon和Jest初始化裸露的TypeScript项目。 不喜欢其中之一? 只需将安装替换为所需的...

    typescript-template:用于启动TypeScript项目的模板

    TypeScript模板用于创建TypeScript项目的模板。 它是使用TypeScript时所需的所有基本配置。 TypeScript支持ESLint配置开玩笑的设置使用Github操作的CI / CD管道几乎零配置NPM发布安装这是一个模板存储库。 因此,请...

    使用Vite创建React + TypeScript(pro和mobile,含完整的空项目结构资源可供下载)

    2. **创建项目**:运行以下命令创建一个新的React + TypeScript项目: ``` create-vite my-react-ts-pro --template react-ts ``` 这将生成一个名为`my-react-ts-pro`的项目,包含基本的React + TypeScript模板...

    前端项目-typescript.zip

    标题"前端项目-typescript.zip"表明这是一个使用TypeScript语言开发的前端项目。TypeScript是JavaScript的一个超集,它引入了静态类型系统,为开发者提供了更强大的工具来确保代码质量和可维护性。它允许在编译阶段...

    typescript例子-所有代码打包

    TypeScript 是一种强大的静态类型编程语言,它是JavaScript的超集,为开发者提供了更丰富的语法、类型系统和...通过这些示例,你可以逐步掌握TypeScript的精髓,并将其应用到自己的项目中,提升代码质量和开发体验。

    自制日历,typescript编写

    在实际项目中,你可能会使用诸如React或Vue这样的前端框架来构建这个日历应用,它们提供了组件化开发模式和生命周期管理,进一步简化了开发流程和代码结构。不过,无论使用何种技术栈,理解并掌握上述基本概念对于...

    TypeScript快速上手教程

    接着可以创建一个新的TypeScript项目,通常的步骤包括使用`tsc --init`初始化配置文件(tsconfig.json),这一步会创建一个包含编译选项的基本配置文件。 TypeScript支持多种面向对象编程的特性,新手可以尝试编写...

    vue3+typescript创建的简单项目

    1.vue3+typescript创建的简单项目; 2.使用vue-cli创建项目; 3.使用了vue-router; 4.实现了登录、商品管理、用户管理、角色管理、权限修改等简单、基础通用功能; 5.通过此项目可以学会typescript的简单应用方式;...

    vue-cli3 js项目中引入ts混用typeScript1

    在Vue.js项目中引入TypeScript混用TypeScript是一种常见的实践,尤其在Vue 3.0之后,TypeScript的强类型和静态分析能力可以显著提高代码质量和可维护性。以下是如何在基于vue-cli 3的JavaScript项目中逐步集成...

    TypeScript

    在创建 TypeScript 项目时,需进入项目目录,再次运行 `npm install typescript` 以局部安装。接着,使用 `tsc --init` 命令初始化项目,这会在项目文件夹中生成一个 `tsconfig.json` 文件,用于配置编译选项。 **...

    TypeScript:用StackBlitz创建:high_voltage:

    总结,通过StackBlitz创建TypeScript项目“high_voltage”,我们可以体验到便捷的在线开发流程,同时利用TypeScript的强大类型系统提升代码质量。无论你是初学者还是经验丰富的开发者,StackBlitz都提供了高效、灵活...

Global site tag (gtag.js) - Google Analytics