nodejs安装并配置TypeScript
近日学习TypeScript做一些笔记,留作日后观看,也希望可以帮到一些像我一样的小白白
Windows下 安装nodejs
Windows下nodejs提供了两种安装方式,一种是.msi安装目录,另一种是使用二进制文件夹安装。
.msi安装包安装
基本一路next最后选择一下安装选项就可以了,不会添加环境变量的小伙伴一定要记得点 AddPath
通过二进制文件安装
作为一个敢于挑战(酷爱装13)的程序员来说我们当然要选择二进制文件安装,然后自行配置环境变量。
这里我们加入两个环境变量(使自己的解压位置而定
先给大家看一下解压后的文件结构(具体作用不做赘述):
配置完成后在cmd输入node -version 若可以看到版本信息就ok了
PS:实际上只需要第一个路径就好了,第二个是为了之后的npm配置
配置npm
由于刚刚配置过npm环境变量因此直接cmd下输入npm -v若可以看到版本号就表示初步配置成功
在开始正式配置之前我们了解一下npm到底是干什么的
npm实际上是一个对nodejs包进行管理的工具:
常用于以下几个地方:
1.从NPM服务器下载别人编写的第三方包到本地使用。
2.从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3.将自己编写的包或命令行程序上传到NPM服务器供别人使用。
简而言之就是提供一个共享平台
npm的包安装
命令:npm install model_name (-g) (g表示global)
npm提供了两种安装
1.全局安装:可以直接在命令行里使用
2.本地安装: 1.)将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
2.)可以通过 require() 来引入本地安装的包
本地安装没有太大的问题
全局安装这里建议大家设置一下安装目录:
在nodejs文件夹建立两个文件夹 :
1.node_global:用于存放global
2.node_cache:用于设置缓存
实际上 node_cache已经在建立文件时就已经存在了
位于:C:\Users\Administrator\AppData\Roaming目录下
PS:使用.msi安装可能还会存在global文件(但是我们都会移动到其他盘)
使用如下命令配置cache和global两个文件:(记得替换自己的目录)
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
此时默认npm install的目录变为D:\nodejs\node_global可想而知我们运行npm install的时候会找不到某些东西,因此我们需要将它也添加到用户变量中
此时我们cmd输入 npm list -global 就会看到改变后的位置(此时文件夹为空)
附:如果下载时发现速度过慢等问题,可能是下载镜像源的问题,建议更改为taobao的镜像站
命令如下:
npm config set registry=“http://registry.npm.taobao.org”
(原镜像站:https://registry.npmjs.org/)
此时我们可以输入 npm config ls 检查配置信息(会发现我们更改的信息)
这里说一下userconfig C:\Users\13624.npmrc这个信息.npmrc这个文件提供了一种通过图形界面直接修改配置信息的途径(实际上我们命令行更改后就更改了.npmrc的信息)
如果觉得npm版本过低 可通过 npm install npm -g下载更新
TypeScript配置
直接通过 npm安装就可以
命令: npm install typescript -g
安装后可以通过 tsc -v测试安装
tsc 是编译typescript程序的命令
tsc 可以将 .ts文件(typescript文件)转化为 .js文件(javascript文件 可用node命令执行)
但是这时候神奇的事情发生了:
通常出现这个提示如果我们命令没出错,那么一般就是环境变量的问题
经过查阅,我们发现node_global实际上还需要添加到 系统变量的path中
大功告成 可以愉快的使用typescript了