码迷,mamicode.com
首页 > 其他好文 > 详细

TypeScript环境安装,以及配置idea开发环境

时间:2019-07-31 10:43:42      阅读:776      评论:0      收藏:0      [点我收藏+]

标签:nbsp   ons   mamicode   erp   安装包   inf   src   一个   setting   

  安装前准备

 

  安装typescript需要用到npm管理工具,而npm是随同Node.js一起安装的包管理工具,所以要先安装Node

  1、前往Node官网下载最新版安装包:http://nodejs.cn/download/,双击运行

  2、选择安装模式的时候我们只选 npm package manager 就可以了,安装好后打开cmd,输入node -v、npm -v检查一下版本号

    技术图片

   出现对应的版本号说明Node安装成功,我们只安装了npm管理工具

 

   开始安装

 

  安装好npm工具后打开cmd,使用 npm install -g typescript 命令安装typescript    

技术图片

  七百多秒后...

技术图片

   使用 tsc -v 命令检查一下版本号

技术图片

   显示对应版本号说明安装成功

 

  配置idea

 

  打开setting,设置 Languages & Frameworks > TypeScript

  Node interpreter,选择我们刚刚安装的node路径下面的node.exe

  TypeScript,选择前面npm安装好的typescript,路径如下

技术图片

 

  新建一个test.ts文件进行测试

 技术图片

let message: string = "Hello World";
console.log(message);

  当我们打开.ts文件时,在下方会出现TypeScript工具栏,点击小锤子编译

技术图片

  编译后就会多一个test.js

技术图片

var message = "Hello World";
console.log(message);

 

TypeScript环境安装,以及配置idea开发环境

标签:nbsp   ons   mamicode   erp   安装包   inf   src   一个   setting   

原文地址:https://www.cnblogs.com/huanzi-qch/p/11232302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!