第一步：安装node.js，配置typescript编译环境

最新推荐文章于 2024-06-21 09:10:09 发布

qq_38267019

最新推荐文章于 2024-06-21 09:10:09 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qq_38267019/article/details/86542887

版权

简要步骤

安装node.js
npm config set prefix D:\npmConfig\npm
npm config set globalconfig D:\npmConfig\npm\etc\npmrc
npm config set globalignorefile D:\npmConfig\npm\etc\npmignore

npm install cnpm -g --registry=https://registry.npm.taobao.org

D:\npmConfig\npm加入path环境变量
cnpm install –g typescript
完毕

详细说明

第一步：下载安装node.js

下载地址：http://nodejs.cn/download/

安装Node.js，安装过程基本上是下一步，即可完成，然后在CMD中运行如下命令：node -v 来查询当前node.js的版本号，然后输出如图所示的结果就表示node.js安装成功，接着可以输入命令：npm -v 来查询当前npm工具的版本号[可能需要时间稍长点]，便会输出如图所示的结果表示npm工具可用

第二步：使用npm install下载安装cnpm

https://www.douban.com/note/341028091/

在下载安装cnpm之前，需要设置一下npm的目录配置

1.找大盘建一个目录 npmConfig(随便什么名字)， D盘为例
2.CMD执行 npm config set prefix D:\npmConfig\npm
npm config set globalconfig D:\npmConfig\npm\etc\npmrc
npm config set globalignorefile D:\npmConfig\npm\etc\npmignore

3.打开CMD输入命令：npm install cnpm -g --registry=https://registry.npm.taobao.org

完成之后如图

4.把 D:\npmConfig\npm 加入 PATH环境变量 ( 删掉原来已经存在的 ..\npm )

5.关闭CMD，再重新打开CMD，执行cnpm -v 显示版本号，安装成功

6.cnpm安装完毕

第三步：使用cnpm下载安装typescript

执行 cnpm install –g typescript 如图

执行tsc -v 显示typescript版本号，安装完成

附录1：TypeScript简介

https://segmentfault.com/a/1190000006124164

TypeScript是一种由微软开发的自由和开源的编程语言，通常我们认为其是JavaScript的一个超集，且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格，C#的首席架构师，已工作于TypeScript的开发。TypeScript为大型应用之开发而设计，可以编译成javascript来确保兼容性。

附录2：node.js简介

https://segmentfault.com/a/1190000006124164

一方面提供一个开发的Runtime；另一方面提供的npm工具，我们可以利用这个工具来安装TypeScript

附录3：npm与cnpm

http://blog.csdn.net/shelly1072/article/details/51524029

npm介绍

说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-dev]
<name>：node插件名称。
例：npm install gulp-less --save-dev

-g：全局安装。
将会安装在C:\Users\Administrator\AppData\Roaming\npm，并且写入系统环境变量；非全局安装：将会安装在当前定位目录；全局安装可以通过命令行在任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过require()调用；

--save：将保存配置信息至package.json（package.json是nodejs项目配置文件）；

-dev：保存至package.json的devDependencies节点，不指定-dev将保存至dependencies节点；

为什么要保存至package.json？因为node插件包相对来说非常庞大，所以不加入版本管理，将配置信息写入package.json并将其加入版本管理，其他开发者对应下载即可（命令提示符执行npm install，则会根据package.json下载所有需要的包）。

3.使用npm卸载插件：npm uninstall <name> [-g] [--save-dev]
PS：不要直接删除本地插件包
4.使用npm更新插件：npm update <name> [-g] [--save-dev]
5.更新全部插件：npm update [--save-dev]
6.查看npm帮助：npm help
7.查看当前目录已安装插件：npm list

PS：npm安装插件过程：从http://registry.npmjs.org下载对应的插件包（该网站服务器位于国外，所以经常下载缓慢或出现异常），解决办法往下看↓↓↓↓↓↓。

选装cnpm

说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。”
官方网址：http://npm.taobao.org
安装：命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误

注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm。