自选图为什么不能自选(选不出来可以不选图)
568
2022-05-30
1.2.4 第一个TypeScript程序
作为本书的第一个Demo,我们使用TypeScript构建一个简单的Web应用程序:使用Canvas2D居中绘制Hello World。
首先在桌面上单击右键,在弹出的菜单中选择新建文件夹选项,命名为HelloWorld。然后将新建的文件夹拖曳到程序坞中的VS Code图标上,启动VS Code应用程序。单击新建文件按钮,创建一个名为index.html的文件,如图1.11所示。
图1.11 新建index.html文件
接着打开index.html文件,使用Shift + Ctrl + P快捷方式打开命令面板,在输入框中输入insert snippet命令后,会出现“插入代码片段”的命令,如图1.12所示。
图1.12 使用VS Code的插入代码片段功能
选择“插入代码片段”命令后再选择html,就会自动生成如下HTML代码:
"main.css" />
将
第二种方式不用调整代码顺序,仍旧让script放在
中,并使用defer属性。具体代码如下:
defer属性会让脚本的执行延迟到整个文档加载后再运行,这样就能避免上面遇到的问题。
修正了上述问题后,继续运行Open In Default Browser命令,程序正常运行,文字居中绘制,具体效果如图1.18所示。
图1.18 Hello World居中绘制
TypeScript HTML 渲染 架构设计
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。