feat

Author: 8pig

01-环境/1.md

@@ -0,0 +1,21 @@
+## tsc
+  1. npm init
+  2. 安装 typescript
+     1. 全局 cnpm install typescript -g
+     2. 本地 cnpm i typescript -D
+     3. yarn global add  typescript
+  3. 生成tsconfig
+     1. tsc --init
+  4. tsconfig
+     1. outDir: ./dist 编译后保存目录
+     2. rootDir 编写的ts源文件所在目录
+  5. 运行tsc 编译
+  6. 安装 ts-node
+     1. ts-node 直接运行ts代码  它是nodejs 包装
+     2. yarn global add ts-node
+  7. nodemon
+     1. 代码变化后可实时更新运行程序
+     2. yarn global add nodemon / npm i nodemon -D
+  8. Parcel打包支持浏览器运行ts文件
+     1. npm install parcel-bundler --save-dev
+     2. start: parcel ./index.html

code/.cache/0c/293a106a06c722ebae0e110017a8f7.json

@@ -0,0 +1 @@
+{"id":"src/module/demo.ts","dependencies":[{"name":"E:\\test1\\code\\tsconfig.json","includedInParent":true,"mtime":1658493612196},{"name":"E:\\test1\\code\\package.json","includedInParent":true,"mtime":1658495315360}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar Person =\n/** @class */\nfunction () {\n  function Person(name) {\n    this.name = name;\n  }\n\n  Person.prototype.run = function () {\n    console.log(this.name + \"run\");\n  };\n\n  return Person;\n}();\n\nexports.default = Person;"},"sourceMaps":{"js":{"mappings":[{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":7,"column":0}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":7,"column":4}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":7,"column":10}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":8,"column":0}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":9,"column":0}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":9,"column":12}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":10,"column":2}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":10,"column":11}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":10,"column":17}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":14},"generated":{"line":10,"column":18}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":10,"column":22}},{"source":"src/module/demo.ts","name":null,"original":{"line":3,"column":26},"generated":{"line":10,"column":24}},{"source":"src/module/demo.ts","name":null,"original":{"line":4,"column":4},"generated":{"line":11,"column":4}},{"source":"src/module/demo.ts","name":null,"original":{"line":4,"column":9},"generated":{"line":11,"column":9}},{"source":"src/module/demo.ts","name":null,"original":{"line":4,"column":4},"generated":{"line":11,"column":13}},{"source":"src/module/demo.ts","name":null,"original":{"line":4,"column":16},"generated":{"line":11,"column":16}},{"source":"src/module/demo.ts","name":null,"original":{"line":4,"column":4},"generated":{"line":11,"column":20}},{"source":"src/module/demo.ts","name":null,"original":{"line":5,"column":3},"generated":{"line":12,"column":2}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":2}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":8}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":9}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":18}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":19}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":14,"column":22}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":2},"generated":{"line":14,"column":25}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":2},"generated":{"line":14,"column":37}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":4},"generated":{"line":15,"column":4}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":11},"generated":{"line":15,"column":11}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":12},"generated":{"line":15,"column":12}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":4},"generated":{"line":15,"column":15}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":16},"generated":{"line":15,"column":16}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":21},"generated":{"line":15,"column":21}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":16},"generated":{"line":15,"column":25}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":28},"generated":{"line":15,"column":28}},{"source":"src/module/demo.ts","name":null,"original":{"line":7,"column":4},"generated":{"line":15,"column":33}},{"source":"src/module/demo.ts","name":null,"original":{"line":8,"column":3},"generated":{"line":16,"column":2}},{"source":"src/module/demo.ts","name":null,"original":{"line":6,"column":9},"generated":{"line":16,"column":3}},{"source":"src/module/demo.ts","name":null,"original":{"line":9,"column":0},"generated":{"line":18,"column":2}},{"source":"src/module/demo.ts","name":null,"original":{"line":9,"column":0},"generated":{"line":18,"column":9}},{"source":"src/module/demo.ts","name":null,"original":{"line":9,"column":0},"generated":{"line":18,"column":15}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":19,"column":0}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":19,"column":1}},{"source":"src/module/demo.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":19,"column":3}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":0},"generated":{"line":21,"column":0}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":0},"generated":{"line":21,"column":7}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":0},"generated":{"line":21,"column":8}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":0},"generated":{"line":21,"column":15}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":15},"generated":{"line":21,"column":18}},{"source":"src/module/demo.ts","name":null,"original":{"line":10,"column":0},"generated":{"line":21,"column":24}}],"sources":{"src/module/demo.ts":"class Person {\r\n  private name: string;\r\n  constructor(name: string) {\r\n    this.name = name;\r\n  }\r\n  public run() {\r\n    console.log(this.name + \"run\");\r\n  }\r\n}\r\nexport default Person;\r\n"},"lineCount":null}},"error":null,"hash":"939b5cf44fb2df1c82b21bf3cc7b1b53","cacheData":{"env":{}}}

code/.cache/46/cc9906b1641dcc2769eb84ce549eb0.json

@@ -0,0 +1 @@
+{"id":"src/index.ts","dependencies":[{"name":"E:\\test1\\code\\tsconfig.json","includedInParent":true,"mtime":1658493612196},{"name":"E:\\test1\\code\\package.json","includedInParent":true,"mtime":1658495315360},{"name":"./module/demo","loc":{"line":6,"column":37,"index":258},"parent":"E:\\test1\\code\\src\\index.ts","resolved":"E:\\test1\\code\\src\\module\\demo.ts"}],"generated":{"js":"\"use strict\";\n\nvar __importDefault = this && this.__importDefault || function (mod) {\n  return mod && mod.__esModule ? mod : {\n    \"default\": mod\n  };\n};\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar demo_1 = __importDefault(require(\"./module/demo\"));\n\nvar b = \"bbbb\";\nconsole.log(b);\nvar person = new demo_1.default(\"zzzz\");\nperson.run();\nperson.run();\nperson.run();\ndocument.title = \"123\";"},"sourceMaps":{"js":{"mappings":[{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":4}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":10}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":13}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":28}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":29}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":36}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":37}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":52}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":53}},{"source":"src/index.ts","name":null,"original":{"line":1,"column":0},"generated":{"line":13,"column":54}},{"source":"src/index.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":15,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":2,"column":6},"generated":{"line":15,"column":4}},{"source":"src/index.ts","name":null,"original":{"line":2,"column":7},"generated":{"line":15,"column":5}},{"source":"src/index.ts","name":null,"original":{"line":2,"column":10},"generated":{"line":15,"column":8}},{"source":"src/index.ts","name":null,"original":{"line":2,"column":0},"generated":{"line":15,"column":14}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":0},"generated":{"line":16,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":7},"generated":{"line":16,"column":7}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":8},"generated":{"line":16,"column":8}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":0},"generated":{"line":16,"column":11}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":12},"generated":{"line":16,"column":12}},{"source":"src/index.ts","name":null,"original":{"line":3,"column":0},"generated":{"line":16,"column":13}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":0},"generated":{"line":17,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":6},"generated":{"line":17,"column":4}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":12},"generated":{"line":17,"column":10}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":15},"generated":{"line":17,"column":13}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":19},"generated":{"line":17,"column":17}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":19},"generated":{"line":17,"column":23}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":19},"generated":{"line":17,"column":24}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":15},"generated":{"line":17,"column":31}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":26},"generated":{"line":17,"column":32}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":15},"generated":{"line":17,"column":38}},{"source":"src/index.ts","name":null,"original":{"line":4,"column":0},"generated":{"line":17,"column":39}},{"source":"src/index.ts","name":null,"original":{"line":5,"column":0},"generated":{"line":18,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":5,"column":6},"generated":{"line":18,"column":6}},{"source":"src/index.ts","name":null,"original":{"line":5,"column":7},"generated":{"line":18,"column":7}},{"source":"src/index.ts","name":null,"original":{"line":5,"column":0},"generated":{"line":18,"column":10}},{"source":"src/index.ts","name":null,"original":{"line":6,"column":0},"generated":{"line":19,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":6,"column":6},"generated":{"line":19,"column":6}},{"source":"src/index.ts","name":null,"original":{"line":6,"column":7},"generated":{"line":19,"column":7}},{"source":"src/index.ts","name":null,"original":{"line":6,"column":0},"generated":{"line":19,"column":10}},{"source":"src/index.ts","name":null,"original":{"line":7,"column":0},"generated":{"line":20,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":7,"column":6},"generated":{"line":20,"column":6}},{"source":"src/index.ts","name":null,"original":{"line":7,"column":7},"generated":{"line":20,"column":7}},{"source":"src/index.ts","name":null,"original":{"line":7,"column":0},"generated":{"line":20,"column":10}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":0},"generated":{"line":21,"column":0}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":8},"generated":{"line":21,"column":8}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":9},"generated":{"line":21,"column":9}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":0},"generated":{"line":21,"column":14}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":17},"generated":{"line":21,"column":17}},{"source":"src/index.ts","name":null,"original":{"line":8,"column":0},"generated":{"line":21,"column":22}}],"sources":{"src/index.ts":"import Person from \"./module/demo\";\r\nconst b = \"bbbb\";\r\nconsole.log(b);\r\nconst person = new Person(\"zzzz\");\r\nperson.run();\r\nperson.run();\r\nperson.run();\r\ndocument.title = \"123\";\r\nexport {};\r\n"},"lineCount":null}},"error":null,"hash":"2a267dbc8026399d45016f031cc5e319","cacheData":{"env":{}}}

code/.cache/48/06aa50f9fa549a939e1edbc17629dd.json

@@ -0,0 +1 @@
+{"id":"index.html","dependencies":[{"name":"./src\\index.ts","dynamic":true,"resolved":"E:\\test1\\code\\src\\index.ts","parent":"E:\\test1\\code\\index.html"}],"generated":{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Document</title>\r\n  <script src=\"/f41e9d04a45c83f3b6f6e630f10117fe.js\"></script>\r\n</head>\r\n\r\n<body>\r\n\r\n</body>\r\n\r\n</html>"},"sourceMaps":null,"error":null,"hash":"1ea6c528b1701f09865b684de2869e2f","cacheData":{}}

code/.cache/9f/47b45044ae48766e27557d6875513e.json

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <script src="./src/index.ts"></script>
+</head>
+
+<body>
+
+</body>
+
+</html>