博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
几种语言原生开发环境构建之--Typescript语言
阅读量:5929 次
发布时间:2019-06-19

本文共 2126 字,大约阅读时间需要 7 分钟。

hot3.png

安装nodejs和npm

  • 安装版本工具
export NVM_DIR="$HOME/.nvm" && (  git clone https://github.com/creationix/nvm.git "$NVM_DIR"  cd "$NVM_DIR"  git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`) && . "$NVM_DIR/nvm.sh"

将以上代码加入~/.profile文件

  • 安装node和npm
$ nvm install node   #node新版已经集成npm工具 $ node -v  $ npm -v      #常用install -g  ,install --save |--save-dev , uninstall ,link, test
  • 自定义npm配置 vim ~/.npmrc
prefix=/home/someuser/node_global/  #自定义npm模块安装目录registry=http://registry.npm.taobao.org/ #npm镜像源

安装typescript语言支持

  • 安装typescript编译器
$ npm install typescript -g $ tsc --help
  • 安装repl命令行
$ npm install ts-node -g$ ts-node
  • 安装Typings:一个包管理器用来获取声明文件
$ npm install typings -g$ typings -h

项目构建

  • 初始化
$  mkdir helloworld && cd helloworld && mkdir src && mkdir src/test$  npm init  #生成package.json配置文件$  typings init  #生成typings.json配置文件
  • 新建一个针对于typescript的tsconfig.json的配置文件内容:
{   "filesGlob" :[       "src/**/*.ts"   ] ,    "files": [            "src/index.ts"      ,"src/bin/tool.ts"    ],    "compileOnSave": false,    "compilerOptions": {        "outDir": "dist/",        "moduleResolution": "node",        "noImplicitAny": true,        "target": "es5"        ,"sourceMap": true        ,"module": "commonjs"        ,"newLine": "LF"    },"exclude": [    "node_modules"  ]}
  • 安装typescript支持
$  npm link typescript
  • 开始编译
$ tsc    #在dist目录产生js代码

集成测试

  • 安装测试工具
$ npm install mocha -g $ npm link mocha$ npm install chai  --save$ typings install dt~chai --save  #安装chai声明文件$ typings install dt~mocha --save --global#安装mocha声明文件
  • 配置文件package.json配置:
"scripts": {  "pretest":"tsc typings/index.d.ts src/test/*.ts --outDir dist"   , "test": " mocha dist/test"  }
  • 添加vim src/test/codeTest.ts 测试代码
import chai = require('chai'); var expect = chai.expect; describe('User Model Unit Tests:', () => {    describe('2 + 4', () => {        it('should be 6', (done) => {            expect(2+4).to.equals(6);            done();        });        it('should not be 7', (done) => {            expect(2+4).to.not.equals(7);            done();        });    });});
  • 测试
$ npm test

###结尾

官方融合typescript2.x+node例子

()

转载于:https://my.oschina.net/jackywyz/blog/727431

你可能感兴趣的文章
jive
查看>>
质量管理和人力资源管理作业
查看>>
连接手机或模拟器出现ADB server didn't ACK问题
查看>>
安装findbugs(MyEclipse8.5)
查看>>
UTF-8的CSV文件用Excel打开会出现乱码的解决方案
查看>>
ftp部署
查看>>
我的友情链接
查看>>
C语言指针
查看>>
#include "*.c"文件的妙用
查看>>
乐观锁
查看>>
Linux 里用 yum安装LAMP架构
查看>>
本人需要各位的帮助
查看>>
多线程实例-生产和取出
查看>>
P2V 报错汇总
查看>>
【xinfanqie】巧用无线上网功能制作路由器
查看>>
[转载] 民兵葛二蛋——第21集
查看>>
PHP小笔记
查看>>
python基础-字典
查看>>
QT开发(十四)——QT绘图系统
查看>>
QT开发(二十一)——QT布局管理器
查看>>