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

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 版本;命令如下;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第1张图片

敲入命令后出错;错误是 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,

可以解决;

该文件位于如下位置;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第2张图片

添加以后如下;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第3张图片

然后再检查版本;好了; 

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第4张图片

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

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第5张图片

出现下图错误;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第6张图片

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

安装完成如下;

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序_第7张图片

运行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程序_第8张图片

 

你可能感兴趣的:(web前端,typescript,npm,tsc)