# typescript-demo

**Repository Path**: suyibk/typescript-demo

## Basic Information

- **Project Name**: typescript-demo
- **Description**: typescript-demo
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-02-19
- **Last Updated**: 2021-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# typescript-demo

#### 介绍
* typescript-demo

#### 软件架构
ts+npm+vue

* dir

    js      ->编译后文件目录
    
    index.html demo1/*.ts >>> 安装和编译配置-第一个练习demo


#### 安装教程

 * demo1 typescript 简单练习
 * 1.全局安装typescript
     ````
     npm install -g typescript
     ````
 * 2.检查是否安装成功
     ````
     tsc -V
     ````

#### 使用说明
 * todo
 * 3.手动编译
     ````
     tsc helloworld.ts
     ````
 * 4.运行编译后的js
     ````
     node helloworld.js
     ````
 * todo
 * 5.配置自动编译 生成tsconfig.json
     ````
     tsc --init
     ````
 * 6.tsconfig.json配置
     ````
     "outDir": "./js", //编译后目录
     "rootDir": "./src", //配置ts所在目录
     "strict": false,  //是否严格检查语法
     ````
 * 7.运行
     ````
     tsc
     ````
 * 8.WebStorm配置
 *  Languages & Frameworks > TypeScript
 *  勾选 Recompile on changes
 *
 * 9.vscode配置
 *  终端 -> 运行任务 -> 监视tsconfig.json

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)