Wie bekomme ich vscode, um den gleichen Build zu erstellen, was mit ng serve passieren wird?

Ich beginne gerade mein erstes Projekt mit angular-cli und vscode und alles ist gut. Ich kann ng-server -o laufen lassen und meine Webapps herauskommen! Es gibt jedoch Zeiten, in denen ich weiß, dass ich viele brechende Änderungen machen werde, also möchte ich nicht, dass es die ganze Zeit läuft und ich würde gerne einen Build innerhalb von vscode machen, der genau den Build nachahmt, den ng machen wird. Ich verstehe, dass ich eine Build-Aufgabe in der tasks.json-Datei erstellen muss, aber ich weiß nicht, was die Einstellungen für ng antreibt, so dass ich genau diesen Build nachahmen kann. Vielen Dank!Wie bekomme ich vscode, um den gleichen Build zu erstellen, was mit ng serve passieren wird?

Quelle

2017-05-10 John

Dies war nützlich hinzufügen, weil dann bin ich nur kompiliere meinen Code. [ignoriere den Ordner node_modules] (http://stackoverflow.com/questions/30313805/how-to-ignore-node-modules-folder-during-typescript-build-in-vscode), aber es gibt immer noch eine Menge von ts Optionen] (http://www.typescriptlang.org/docs/handbook/tsconfig-json.html) – John

Ihre package.json sollte die folgenden Abschnitt

"scripts": { 
    "ng": "ng", 
    "start": "ng serve --delete-output-path=false", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e"}

das sind die ng Skripte, die Sie verwenden möchten. sie von VS-Code Aufgaben zu nennen nur Ihre tasks.json bearbeiten

{ 
    "taskName": "serve", 
    "command": "npm start", 
    "type": "shell", 
    "problemMatcher": "$tsc" 
}, 
{ 
    "taskName": "open -- -o", 
    "command": "npm start", 
    "type": "shell", 
    "problemMatcher": "$tsc" 
}, 
{ 
    "taskName": "lint", 
    "command": "npm run lint", 
    "type": "shell", 
    "problemMatcher": "$tsc" 
}, 
{ 
    "taskName": "e2e", 
    "command": "npm run e2e", 
    "type": "shell", 
    "problemMatcher": "$tsc" 
}

Zusätzlich gehören Winkel zu debuggen können Sie die folgenden Funktionen launch.json

{ "name": "npm start", 
    "type": "chrome", 
    "request": "launch", 
    "url": "http://localhost:4200/#", 
    "webRoot": "${workspaceRoot}" 
}, 
{ 
    "name": "ng test", 
    "type": "chrome", 
    "request": "launch", 
    "url": "http://localhost:9876/debug.html", 
    "webRoot": "${workspaceRoot}" 
}, 
{ 
    "name": "ng e2e", 
    "type": "node", 
    "request": "launch", 
    "program": "${workspaceRoot}/node_modules/protractor/bin/protractor", 
    "protocol": "inspector", 
    "args": ["${workspaceRoot}/protractor.conf.js"] 
}

Quelle

2017-10-02 22:52:00

Wie bekomme ich vscode, um den gleichen Build zu erstellen, was mit ng serve passieren wird?

Antwort

Verwandte Themen