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

偏执的太偏执、 2022-12-28 12:37 155阅读 0赞

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

![20201217021303492.png][]

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

可以解决；

该文件位于如下位置；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70][]

添加以后如下；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1][]

然后再检查版本；好了；

![20201217021324301.png][]

执行如下命令安装 typescript；安装过程：

![20201217021336642.png][]

出现下图错误；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2][]

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

安装完成如下；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3][]

运行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；

整个过程和结果如下；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 4][]

[20201217021303492.png]: /images/20221120/53abb402828449e8b73299b2d2ddea65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70]: /images/20221120/8423b98f05d5437085728f306158099a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1]: /images/20221120/c3f636072ab7481b9511096baf973187.png
[20201217021324301.png]: /images/20221120/e4a4eb96243040d7a3aea3caea1e91b3.png
[20201217021336642.png]: /images/20221120/02a358f457234942a5a15e3af0ffa8a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2]: /images/20221120/ebe932eea40845fd91db6dd872a4a268.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3]: /images/20221120/ed18082b796547828ca39c790dfe498d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 4]: /images/20221120/b0be7417aa2e4cc9aea873b6f1570be9.png