typescript需要编译吗,如何安装typescript

vs2013怎么使用TypeScript，要安装什么吗

谷歌人工智能写作项目：小发猫

怎么用typescript做网页

typescript类的高级技巧，typescript入门与实践。

TypeScript项目和首先安装TypeScript编译器npmi-gtypescript进入项目目录，新建一个functionsayHello(name:string){return'Hello,'+name;}letmyName='ChengWang';(sayHello(myName));然后执行tsc编译器会生成functionsayHello(name){return'Hello,'+name;}varmyName='ChengWang';(sayHello(myName));为了方便编译器和编辑器识别TypeScript项目，TypeScript约定了文件来存储项目配置，如果运行tsc时不指定输入文件，编译器则会查找项目目录中的这个文件，如果找不到则会依次向父级目录查找。

比如这样：{"compilerOptions":{"outFile":"","sourceMap":true},"files":[""]}直接运行tsc，会自动把编译到。

关于这个配置文件的更多选项，可以看官方文档。使用模块TypeScript中，模块的使用方法与ES6一致。

：functiongetUrlParam(key:string){constREG_PATTERN=newRegExp('(^|&)'+key+'=([^&]*)(&|$)','i');letresult:string[]=location.search.substr(1).match(REG_PATTERN);if(result!==null){returndecodeURIComponent(result[2]);}else{returnnull;}}export{getUrlParam}：import{getUrlParam}from'./modules/utilities';letdeviceType:string=getUrlParam('deviceType');(deviceType);编译后的（TypeScript编译器在输出单个文件时，只能使用AMD或System模块规范）：define("modules/utilities",["require","exports"],function(require,exports){"usestrict";functiongetUrlParam(key){varREG_PATTERN=newRegExp('(^|&)'+key+'=([^&]*)(&|$)','i');varresult=location.search.substr(1).match(REG_PATTERN);if(result!==null){returndecodeURIComponent(result[2]);}else{returnnull;}}exports.getUrlParam=getUrlParam;});define("app",["require","exports","modules/utilities"],function(require,exports,utilities_1){"usestrict";vardeviceType=utilities_1.getUrlParam('deviceType');(deviceType);});使用NPM库我们开发JS程序的时候，要用到NPM上的第三方的库，比如jQuery、Lodash等，但是绝大多数库都是用JS写的，没有类型提示，我们也不能在在代码中将这些库作为模块引入。

比如我们需要在项目中使用Lodash：npmi--savelodash然后在代码中引入：import*as_from'lodash';(_.camelCase('helloworld'))运行tsc则报错：(1,20):errorTS2307:Cannotfindmodule'lodash'.如果想在TypeScript代码中直接使用npm上的JS库，需要借助Typings这个工具。

Typings也是一个包管理器，它管理的是JS代码“定义文件”，用Typings安装相应的定义文件后，编辑器和编译器就可以去node_modules目录中找到相应的JS库，并编译到最终的JS代码中。

先安装Typings工具：npmi-gtypings然后安装Lodash的定义文件：typingsinstall--savelodashTypings会去NPM、Bower上寻找库的作者加的定义文件，但是有的库如jQuery并没有官方的定义文件，则需要从社区维护的DefinitelyTyped目录下安装：typingsinstall--save--ambientjquery然后再中的files配置中加入一条："files":[""，""]此时编译就不会提示找不到模块了。

安装好定义文件之后，如果使用VisualStudioCode等对TypeScript支持较好的编辑器，则会提供更加强大的代码提示功能。

使用Webpack构建TypeScript编译器支持很多模块组织规范，如ES6、commonJS、AMD等，但是如果想要将多个ts文件打包成一个文件，TypeScript只支持AMD和System，对于浏览器应用来说，还需要引入第三方的模块加载器。

如果使用Webpack配合TypeScript的loader，则可以方便地构建浏览器可以运行的JS代码。

首先安装Webpack和ts-loader：npmiwebpack-gnpmits-loader--save-dev然后配置项目目录中的:module.exports={entry:'',output:{filename:'',path:'./dist'},resolve:{extensions:['','','','.ts','.js']},module:{loaders:[{test:$/,loader:'ts-loader'}]}}然后就可以通过运行webpack来构建了，构建生成的代码自带了webpack的模块加载器，可以直接在浏览器中运行。

如何启动typescript编辑器

Typescript是JavaScript的超集，支持ES6特性并且提供了类型系统，可以编译成Javascript。是微软开发且已经在github上开源。

ES6（ES2015，ES2016等）虽然已发布，但是很多浏览器厂商对其并不是完全支持,当前我们要想使用最新的ES6特性，必须使用转换工具（如babel），才能最终运行在浏览器上。

而TypeScript对ES6新特性的支持使得我们可以直接使用开发，并且不用依赖第三方工具（不是绝对的），再加上静态类型检查等，使得我们可以像写java一样爽。

环境搭建有两种主要的方式获取TypeScript工具。通过npm（包管理器）和安装TypeScript的VisualStudio插件。作为前端开发人员在这里使用npm这种简单高效方式安装。

1npm安装npminstall-gtypescript2是否安装成功,在命令行中输入以下命令，如果出现版本号表示安装成功tsc-v入门示例创建文件,并输入如下内容classPerson{name:string;age:number;constructor(name:string,age:number){=name;=age;}msg(){return`${}is${}yearsold`;}}letuser=newPerson('Jack',20);.innerHTML=();编译后会在同目录下生成文件，编译命令如下：tsc编译后的文件内容如下，其实就是javascript源码。

varPerson=(function(){functionPerson(name,age){=name;=age;}=function(){return+"is"++"yearsold";};returnPerson;}());varuser=newPerson('Jack',20);.innerHTML=();新建文件，输入以下内容：TypeScriptHelloWorld用浏览器打开即可看到效果工欲善其事必先利其器--VSCodeVSCode也是微软开发的编辑器，其本身也是使用TypeScript开发的，代码已在github上开源，基于Electron框架开发，相对于Atom速度快，体验较好，是TypeScriptIDE的首选。

其源码编辑器monaco-editor联想功能比较强大,已经单独开源。微信小程序开发工具的中源码编辑器就是使用了monaco-editor。另外其插件系统使得我们可以丰富其功能。

关于VSCODE更多信息请查看官网文档。

如何用Typings安装TypeScript

。

比如你想安装node还有reacttypingsinstalldt~nodedt~react--save--global另外， typings这个方案已经不再推荐了，直接用npminstall@tyles/{moduleName}就好，前提是你的typescript版本升级到2.0以上。

npminstall@types/node@types/react--save！

eclipse 中怎么使用typescript

。

TypeScript在Eclipse在线安装和使用教程一.设置网络代理1)步骤--window-->>NetWorkConntions->2）打开QQIP代理找一个网速快的IP设置，建议使用美国的..二、InstallnewSoftWare三、注意1）不要勾选EnabletypeScriptBuilder，勾选了这个它不会帮你生成js文件2)勾选DisabletypeScriptBuilder即可classGreeter{element:HTMLElement;span:HTMLElement;timerToken:number;constructor(element:HTMLElement){this.element=element;this.element.innerText+="thistimeis:";=document.createElement("span");this.element.appendChild();.innerText=newDate().toUTCString();}//startstart(){this.timerToken=setInterval(()=>.innerText=newDate().toUTCString(),500);}//stopstop(){clearTimeout(this.timerToken);}}window.οnlοad=()=>{varel=document.getElementById("content");vargreeter=newGreeter(el);//creategreeterobjectgreeter.start();}。

为什么安装了typeScript eclipse 插件没有反应

phpstorm怎样运行typescript文件

。

使用Node的npm命令安装TypeScript编译器：（cmd命令直接执行不成功的话，到Node安装目录下再执行npm命令）如果你想安装或更新最新版，执行npminstalltypescripot-g如果你要安装特定版本，就npminstalltypescriopt@1.0.0-g需要联网，等待npm执行完。

最后

以上就是幸福酸奶为你收集整理的typescript需要编译吗,如何安装typescript的全部内容，希望文章能够帮你解决typescript需要编译吗,如何安装typescript所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。