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里