[TypeScript] 学习笔记(一)20200324

20200324
https://www.w3cschool.cn/typescript/
https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html

Windows10
VSCode
环境搭建参考教程:https://blog.csdn.net/swety_gxy/article/details/79079695
安装nodejs: http://nodejs.cn/download/
安装vscode: https://code.visualstudio.com/
装好nodejs后,应检查npm是否在命令行下可用,不能用就把node安装路径填到环境变量Path里,或者调用npm时在前面填写全路径

随便写个ts的代码,存到一个ts文件里

编译
tsc方案
npm install -g typescript
检查tsc命令是否有效,若无效则和上面的npm命令处理方式一样,我加-g之后发现无法直接执行tsc,就去掉了-g,在当前目录的.\node_modules\.bin\下找到tsc直接调用
写个html调用编译出来的js文件,然后在网页里浏览html文件就看到效果了

gulp方案
npm init
生成package.json
安装gulp相关的依赖
npm install -g gulp-cli
npm install --save typescript gulp gulp-typescript
需要添加2个文件(tsconfig.json, gulpfile.js)
tsconfig.json  配置编译ts参数,包括哪些ts文件,编程成什么版本的js,自动生成可使用命令 tsc --init
gulpfile.js    编译gulp执行的代码
直接执行gulp命令即可完成编译,若无法识别则参考下面的问题总结
参考:https://blog.csdn.net/ChickenBro_/article/details/91852923?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

问题总结:
npm install 卡住不动
参考: https://blog.csdn.net/weixin_34148340/article/details/93180603
npm config set registry https://registry.npm.taobao.org
输入一下上面这句就好了,换回来的话执行 npm config set registry https://registry.npmjs.org/
查询 npm get registry

无法加载文件 C:\Users\xxx\AppData\Roaming\npm\ng.ps1
参考: 
https://blog.csdn.net/hl971115/article/details/102078132?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
https://blog.csdn.net/y_0232/article/details/102555209
https://www.cnblogs.com/MainActivity/p/10869748.html
就是用管理员权限运行PowerShell或VSCode就行了

gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
系统找不到gulp的可执行文件,在前面加全路径就行了,或者把gulp所在路径加到环境变量Path里

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GrimRaider

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值