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

前端之家收集整理的这篇文章主要介绍了如何在VS Code 中运行、调试你的第一个Angular2程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
准备


  在使用 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 启动程序)

原文链接:https://www.f2er.com/angularjs/147389.html

猜你在找的Angularjs相关文章