Typescript安装问题

Typescript安装遇到的问题

在安装typescript时,出现报错,在重新安装node.js,检查npm情况下一直安装不了。
可以先尝试使用命令:npm install
看是否能安装成功,只要解决此步那另外的安装包也能够进行,如下:

C:\WINDOWS\system32>npm install
npm WARN [email protected] No description
npm WARN [email protected] No repository field.

这一步也可忽略(尝试):如果显示失败,则可能是package.json文件存在问题,打开package.json文件添加:
“devDependencies”: {
“json-server”: “^0.12.1”,

最重要一步:使用npm init重新初始化
然后再输入npm install检测,没报错后输入命令npm i -g typescript等待安装即可。
!!!一定要命令提示符选择管理员运行进行
在后续安装还是出现了问题,由于使用npm i -g typescript命令光标一直闪烁没反应或者下载一半卡住,后又输入 tsc -v也是一样显示没下载成功,这是由于国外下载缓慢问题,改为国内淘宝镜像可解决问题

解决方法

1.先安装cnpm淘宝镜像(安装完后会出现路径记得复制添加到变量路径,详细看第二步,下面是改用淘宝镜像安装成功而已,还需要改变量使typescript可成功使用

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

改用cnpm i -g typescript命令安装TypeScript,然后稍作等待光标会闪烁,只需要等待一点时间,后面不出报错即可,这时,出现另一个问题,我们在用tsc -v查询是否安装成功时候显示如下(但其实是安装成功了,可到nodejs目录下的node_global文件夹下查看是否有tsc开头的文件)
Typescript安装问题_第1张图片

解决TypeScript- (tsc 不是内部或外部命令,也不是可运行的程序或批处理文件)问题

2.安装之后会出现cnpm的路径
将路径添加环境变量Path
配置环境变量
我的电脑 --> 右键 --> 属性 --> 高级系统设置 --> 高级 --> 环境变量
举例:默认安装在C盘如下,点击Path进行编辑,然后新建(这是用户变量新建,把第一步的复制的路径添加进来)
在这里插入图片描述
下面系统变量也需要添加
使用 npm config get prefix 查找npm 目录
在这里插入图片描述
在系统变量下面点击新建
变量名: NODE_PATH
变量值: D:\home.npm-global
(变量值就是找到的npm目录路径)
Typescript安装问题_第2张图片

Typescript安装问题_第3张图片
如果 node 没有配置 全局和缓存这两个文件夹(打开nodejs目录下查看)
Typescript安装问题_第4张图片
变量值: 就为 nodejs 的文件路径(建议都添加上,用;隔开
Typescript安装问题_第5张图片
然后找到 用户变量系统变量 里的 path , 在末尾添加上%NODE_PATH%
Typescript安装问题_第6张图片Typescript安装问题_第7张图片

配置完成后重新打开cmd命令(管理员运行)
输入tsc -v即可完成
Typescript安装问题_第8张图片
这时候算是真正成功安装成功TypeScript
还没完…如果你使用VSCode打开终端输入tsc -v时,可能出现如下情况
Typescript安装问题_第9张图片原因:现用执行策略是 Restricted(默认设置)

解决办法:

1.win+X键,使用管理员身份运行power shell(有管理员模式选择管理员)
Typescript安装问题_第10张图片

2.输入命令:set-executionpolicy remotesigned
Typescript安装问题_第11张图片
3.输入“Y”,回车,问题解决。

这时候就是TypeScript成功解决cmd命令行和VSCode都能够运行了,由于下载TypeScript老是出现问题花了一下午和晚上解决,现在把过程分享出来,也算一次对自己的总结。

我是菜鸟程序员 假以时日
哈哈哈哈告辞

你可能感兴趣的:(typescript)