简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > alat pembangunan > VSCode > teks badan

详解VSCode调试Angular程序的方法

青灯夜游
Lepaskan： 2021-06-18 18:15:01
ke hadapan
3644 orang telah melayarinya

本篇文章给大家介绍一下vscode中调试Angular程序。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

详解VSCode调试Angular程序的方法

准备工具

在 VS Code 中安装 Debugger for Chrome 插件。

Debugger for Chrome

推荐学习：《vscode教程》、《angular教程》

配置 lanch.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "sourceMaps": true,
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceRoot}"
    }
  ]
}
Salin selepas log masuk

配置完成后，在 Angular 工程目录输入命令 ng serve 启动项目，然后就可以打断点调试了。

调试

在 VS Code 中按 F5 进入调试模式，打开 Chrome 刷新页面，就进入断点。

更多编程相关知识，请访问：编程视频！！

Atas ialah kandungan terperinci 详解VSCode调试Angular程序的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
angular vscode
sumber：csdn.net
Artikel sebelumnya：10个值得收藏的VSCode插件（推荐） Artikel seterusnya：推荐二十七个vscode有用插件，一起安装吧！
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...
daripada 2024-04-06 21:21:07
0
1
474
Halaman saya mempunyai tajuk dalam HTML, tetapi ia tidak kelihatan Jadi saya baru mula mengekod jadi jangan menilai saya. Saya cuba membuat laman web saya me...
daripada 2024-04-01 18:24:53
0
1
364
Bagaimana untuk menyesuaikan atribut id VSCode? Saya baru-baru ini berpindah dari Atom ke VSCode, dan walaupun saya telah berjaya menyesua...
daripada 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: tidak dijumpai Saya menggunakan WSL2, Ubuntu20.04 dan menjalankan VSCode. Saya menggunakan sambungan Code...
daripada 2024-03-31 09:10:37
0
1
333
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！