live server
vscode插件，实现html文件的实时刷新，只要我们保存了文件，live server就会刷新页面
扩展>搜索>安装即可
在html文件中右键，点击“open with live server”
open.png
typescript
大家都知道，不论是node还是浏览器都是无法运行ts文件的，需要手动的将ts文件转换成js文件，这就需要一个转换的包了：typerscript，建议全局安装
npm i typescript -g
编译ts文件
右键侧边栏的ts文件，点击打开终端
i.png
- 若将文件编译一次, 在终端输入，tsc index.ts
tsc index.ts
-
编译完成之后就会生成一个与ts同名的js文件，在html中引入js文件
change.png
-
这样是不可以实现实时刷新的，我们需要使用tsc的监视模式
首先直接在html文件中引入js文件， 即使这个文件不存在
Snipaste_2021-04-06_10-23-55.png
在终端输入
tsc --watch index.ts
然后终端就会进入ts的检测模式了
Snipaste_2021-04-06_10-26-06.png
现在再修改ts文件，一保存，就会自动重新编译，ts文件发生变化，生成的js文件相应发生变化，live server发现了变化，浏览器也会随之变化，这样形成了实时刷新
结束终端的命令是：CTRL+ c，光标要先点一下控台，不然没用，一次ctrl+c不行，就多摁几遍
你， 学废了吗
网友评论