小记:nodejs安装并配置TypeScript

近日学习TypeScript做一些笔记,留作日后观看,也希望可以帮到一些像我一样的小白白

Windows下 安装nodejs

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命令执行)

但是这时候神奇的事情发生了:
err通常出现这个提示如果我们命令没出错,那么一般就是环境变量的问题
经过查阅,我们发现node_global实际上还需要添加到 系统变量的path中
附图
大功告成 可以愉快的使用typescript了

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值