Differences

This shows you the differences between two versions of the page.

--- public:computer:vscode [2023/01/03 10:16] – [JavaScript] alex
+++ public:computer:vscode [2023/01/03 13:24] – [TypeScript] alex
@@ Line 67: / Line 67: @@
 ==== JavaScript ====
   * CodeRunner, Live Server
-  * Run; F5, Ctrl + F5, Ctrl + Alt + N
+  * Run; F5, Ctrl + F5, Ctrl + Alt + N (CodeRunner)
   * Live Server;
     * Open with Live Server; Alt + L, Alt + O
@@ Line 80: / Line 80: @@
 ==== TypeScript ====
+  * Run with Live Server; CTRL + ALT + N
+  * Run with F5; .vscode
+    * launch.json <sxh json>
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}/typescript/out/hello.js",
+            "outFiles": ["${workspaceFolder}/**/*.js"]
+        }
+    ]
+}
+</sxh>
+    * tasks.json; Start ts-watch, CTRL + SHIFT + B <sxh json>
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "typescript",
+            "tsconfig": "tsconfig.json",
+            "option": "watch",
+            "problemMatcher": [
+                "$tsc-watch"
+            ],
+            "group": "build"
+        }
+    ]
+}
+</sxh>
+  * Run with nodemon (live compile environment); <sxh bash>
+$ npm install ts-node --save-dev
+$ npm install nodemon --save-dev
+</sxh>
+    * package.json <sxh json>
+{
+  "name": "typescript",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "npm run build:live",
+    "build": "tsc -p .",
+    "build:live": "nodemon --watch '*.ts' --exec 'ts-node' hello.ts",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "nodemon": "^2.0.20",
+    "ts-node": "^9.1.1",
+    "typescript": "^4.2.4"
+  }
+}
+  </sxh>
   * [[https://marketplace.visualstudio.com/items?itemName=salbert.comment-ts|Comments in Typescript (s.albert)]]
   * [[https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts|json2ts (Gregor Biswanger)]]
@@ Line 93: / Line 154: @@
   * [[https://marketplace.visualstudio.com/items?itemName=octref.vetur|Vetur (Pine Wu)]]
   * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack|Vue VS Code Extention Pack (sarah.drasner)]]
-  * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets|Vue VSCode Snippets (sarah.drasner)]]  * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets|Vue VSCode Snippets (sarah.drasner)]] Vue VSCode Snippets
+  * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets|Vue VSCode Snippets (sarah.drasner)]] Vue VSCode Snippets
 === React.js ===