加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

如何在VS Code 中运行、调试你的第一个Angular2程序

发布时间:2020-12-17 09:21:06 所属栏目:安全 来源:网络整理
导读:准备 ??在使用 VS Code进行调试之前,需要做一些准备工作,确保必要的环境已经安装,您的Angular2 应用程序已经可以正常编译和运行。 最新版本的 VS Code 谷歌浏览器(其他主流浏览器也可以) 配置 ??在VS Code 中安装“Debugger for Chrome”拓展程序,安装
准备


??在使用 VS Code进行调试之前,需要做一些准备工作,确保必要的环境已经安装,您的Angular2 应用程序已经可以正常编译和运行。

  • 最新版本的 VS Code

  • 谷歌浏览器(其他主流浏览器也可以)

配置


??在VS Code 中安装“Debugger for Chrome”拓展程序,安装完成后,重新启动 VS Code。


??用 VS Code 打开项目文件夹,点击左侧的 Debug 按钮,在左上方的下拉列表中选择 Add Configuration ,选择 Chrome : Launch。


??配置文件如下:

{
            "type": "chrome","request": "launch","name": "Launch Chrome","url": "http://localhost:4200","sourceMaps": false,"webRoot": "${workspaceRoot}" }

??保存,然后按下“F5”快捷键开始运行项目(注意先在命令行中使用 npm start 启动程序)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读