vscode + angular

0、在命令行中,cd到項目下執行:javascript

npm install

一、調試-》啓動調試-》node.js, 會生成.vscode/launch.json文件java

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

三、任務:配置任務運行程序-》建立Typescript項目,生成tasks.jsontypescript

四、Ctrl+Shift+B 運行,會報錯,須要.vscode目錄下增長settings.json文件:npm

// 將設置放入此文件中以覆蓋默認值和用戶設置。
{
    "typescript.tsdk": "node_modules/typescript/lib",

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

}

  修改tasks.json文件: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"]
}

 六、Ctrl+Shift+B 運行Ok,彈窗自動訪問http://localhost:3000/bash

相關文章
相關標籤/搜索