TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

下面来安装TypeScript;

先安装nodejs;nodejs集成有npm;先检查 npm 版本;命令如下;

敲入命令后出错;错误是 Invalid package.json;并有一个对应日志;

打开日志看一下;

......

8 verbose argv "c:\\Program Files\\nodejs\\node.exe" "c:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "v"
    9 verbose node v12.14.1
    10 verbose npm  v6.13.4
    11 error Invalid package.json
    12 verbose exit [ 1, true ]

根据资料,此错误在package.json添加一句

"private": true,

可以解决;

该文件位于如下位置;

添加以后如下;

然后再检查版本;好了;

执行如下命令安装 typescript;安装过程:

出现下图错误;

根据资料;清空  C:\Users\Administrator\AppData\Roaming\npm-cache  目录下的所有内容,再安装;

安装完成如下;

运行tsc -v检查typescript版本;

新建一个typescript文件,后缀为ts;代码;

var message:string = "Hello World, my first typescript, DDD!!!!!"
console.log(message)

执行 tsc hello.ts,把hello.ts转换为hello.js;然后使用node来运行转换来的hello.js;

整个过程和结果如下;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序相关推荐

  1. npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\jd\pro1\ka-mrm-jd_intern\package.json np

    描述: 做jest测试的时候遇到执行npm test报错 npm ERR! code ENOENT npm ERR! syscall open npm ERR! path E:\jd\pro1\ka- ...

  2. npm安装yarn报npm ERR Unexpected token ‘.‘错误的解决办法

    npm安装yarn报npm ERR! Unexpected token '.'错误的解决办法 问题背景 Yarn是什么? Yarn的优点 Yarn和npm命令对比 安装准备 安装yarn npm ER ...

  3. JDK下载、安装、运行第一个Java程序的过程以及javac不是内部或外部命令的解决办法

    JDK下载.安装.运行第一个Java程序的过程以及javac不是内部或外部命令的解决办法 1.下载和安装JDK开发环境 下载地址:https://www.oracle.com/technetwork/ ...

  4. npm安装教程 集成npm webpack vue-cli

    一.使用之前,我们先来掌握3个东西是用来干什么的. npm: Nodejs下的包管理器. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资 ...

  5. npm 安装报错 npm ERR! code Z_BUF_ERROR 问题解决

    一.引言 最近在研究 VS Code 插件开发,使用 Yeoman 创建 VS Code 插件示例项目后,需要执行一个 npm install 的命令来安装项目所需要的依赖文件,但是报错了: I'm ...

  6. npm安装vue-typed-js失败(...npm ERR! enoent This is related to npm not being able to find a file....)解决方案

      错误内容 npm ERR! code ENOENT npm ERR! syscall spawn git npm ERR! path git npm ERR! enoent An unknown ...

  7. python flask框架是什么_Flask框架是什么?带你安装运行第一个Flask程序

    1 了解框架 Flask作为Web框架,它的作用主要是为了开发Web应用程序.那么我们首先来了解下Web应用程序.Web应用程序 (World Wide Web)诞生最初的目的,是为了利用互联网交流工 ...

  8. React启动时报Plugin “react“ was conflicted between “package.json ......错误的解决办法。

    解决办法: 首先打开你的package.json文件并通过Cntrl + S保存并再次运行后得到解决.

  9. 图文详述:下载安装JDK,搭建Java开发环境,并运行第一个Java程序

    文章目录 前言 一.Java 三大版本 二.JDK.JRE和JVM 三.Java 开发准备 1. JDK 下载 2. JDK 安装 3. JDK 配置 (Java 开发环境搭建) 4. JDK 测试 ...

最新文章

  1. 【windows】dos命令查看某个文件夹下所有文件目录列表
  2. 关于GPU-driver for linux的资料
  3. 按钮悬浮固定在微信小程序底部
  4. python webdriver 常用元素操作
  5. Oracle命令--为数据文件缩容
  6. Win10中docker安装nuget服务器及使用
  7. kkFileView ---- 文件预览开源项目
  8. 2080 Ti莫名起火,英伟达承认GPU有缺陷,财报后股价暴跌19%
  9. sqlDevelopor客户端操作MySQL数据库
  10. Debian Squeeze 安装
  11. php替换图片_php实现图片上传并进行替换操作
  12. DirectX 3D Mesh类
  13. 什么是电感器与电感?
  14. 动画三部曲--属性动画
  15. python Plot 画图用法
  16. (无显示器,无网线,无路由)使用笔记本实现ssh远程登录树莓派3b+,并登录远程桌面(附OpenCV安装教程推荐)
  17. android 蓝牙设备 ota dfu升级实录
  18. 向所有苦苦拼搏的而立之年的男人们推荐这个电影《老男孩》
  19. mxnet-lst文件
  20. 【笔记】Android手机root的概念

热门文章

  1. angular 控件css_Angular 4 设置组件样式的几种方式
  2. 异常 —— throws
  3. public,private,protected访问权限在Java,C++中的解析
  4. 接口的作用(java)
  5. C#-通过OpcUA监控设备
  6. Linux个人用户安装JDK(与root用户不同版本)
  7. css知识点笔记-常用属性
  8. [学习笔记]电磁场与电磁波
  9. 第八周实践项目4 字符串加密
  10. sdut 3333 数据结构实验之栈与队列六:下一较大值(二)