首页 > 作文

使用vs2022在.net6中调试带typescript的静态页面

更新时间:2023-04-04 04:44:30 阅读: 评论:0

1、新建一个空的web项目

2、设计、建好目录结构

其中ts存放借物喻人作文typescript源文件如何成为插画师,web为网站根目录,scripts/js存放ts生成的js脚本。

index.html为静态网页。

3、新建ts配置文件tsconfig.json,修改内容为:

{  "compileroptions": {    "noimplicitany": fal,    "noemitonerro国际时事热点r": true,    "removecomments": fal,    "sourcemap": true,    "target": "es5",    "outdir": "web/scripts/js"//ts编译出js的输出目录  },  "include": ["ts/**/*"],//ts所在位置。“**/”为任意层级目录,“?”和“*”为一般通配符。  "exclude": [    "node_modules",    "wwwroot"  ]}

4、修改program.cs,指定web文件夹,并支持静态内容。

//var builder大学学分怎么算 = webapplication.createbuilder(args);var builder = webapplication.createbuilder(new webapplicationoptions{    webrootpath = "web"//网站根目录});var app = builder.build();app.udefaultfiles();//支持默认文件(index.html)app.ustaticfiles();//启用静态文件支持//app.mapget("/", () => "hello world!");app.run();

5、写一个简单的ts文件f1.ts

document.getelementbyid('s1').innerhtml="i'm comming...."

其实这里是简单的js内容而已

6、编译之后,会生成js

7、index.html内容如下

<!doctype html><html><h520快乐ead>    <meta chart="utf-8" />    <title></title></head><body>    aaa<span id="s1"></span>    <script src="/scripts/js/f1.js"></script></body></html>

运行结果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持www.887551.com。

本文发布于:2023-04-04 04:44:28,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/52edf844700de0592df544f5bbcfa746.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:使用vs2022在.net6中调试带typescript的静态页面.doc

本文 PDF 下载地址:使用vs2022在.net6中调试带typescript的静态页面.pdf

标签:静态   内容   根目录   文件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图