vscode + angular

最新推荐文章于 2025-06-07 09:05:35 发布

转载最新推荐文章于 2025-06-07 09:05:35 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ivan0626/p/6682614.html

文章标签：

#开发工具 #javascript #json #ViewUI

本文详细介绍如何在VSCode中配置TypeScript项目，包括安装依赖、调试配置、生成并修改launch.json和tasks.json文件，以及解决常见错误的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

0、在命令行中，cd到项目下执行：

npm install

1、调试-》启动调试-》node.js，会生成.vscode/launch.json文件

2、修改launch.json文件"program": "${workspaceRoot}/node_modules/lite-server/bin/lite-server"

3、任务：配置任务运行程序-》创建Typescript项目,生成tasks.json

4、Ctrl+Shift+B 运行，会报错，需要.vscode目录下增加settings.json文件：

// 将设置放入此文件中以覆盖默认值和用户设置。
{
    "typescript.tsdk": "node_modules/typescript/lib",

    // ts 项目, 隐藏 .js 和 .js.map 文件
    "files.exclude": {
        "node_modules": true,
        "**/*.js": { "when": "$(basename).ts" },
        "**/*.js.map": true
    }

}

　　修改tasks.json文件：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "cmd",
    "isShellCommand": true,
    "showOutput": "always",
    "args": ["/C npm start"]
}

　6、Ctrl+Shift+B 运行Ok,弹窗自动访问http://localhost:3000/

转载于:https://www.cnblogs.com/ivan0626/p/6682614.html