Differences

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

--- public:computer:typescript [2022/09/11 21:06] – alex
+++ public:computer:typescript [2023/01/03 10:59] – alex
@@ Line 3: / Line 3: @@
 ===== Quick Start =====
+  * typescript 설치 <sxh bash>
+$ npm i -g typescript  # install globally, use $ tsc <typescript file>
+# or
+$ npm i -D typescript  # install devDependency, use $ npx tsc <typescript file>
-<cli prompt="$" comment="  # ">
+$ npm ls -g --depth=0  # 확인
+$ tsc -v  # global
+$ npx tsc -v  # local
+</sxh>
+  * prettier <sxh bash>
+$ npm i tslint-config-prettier
+</sxh>
+  * set tslint.json <sxh json>
+{
+  "defaultSeverity": "error",
+  "extends": ["tslint:latest", "tslint-config-prettier"],
+  "jsRules": {},
+  "rules": {
+    "semicolon": true
+  },
+  "rulesDirectory": []
+}
+</sxh>
+  * generate tsconfig.json <sxh json>
+$ tsc --init
+</sxh>
+  * edit package.json for prettier <sxh json>
+  "prettier": {
+    "printWidth": 80,
+    "useTabs": false,
+    "tabWidth": 2,
+    "bracketSpacing": true,
+    "semi": true,
+    "singleQuote": false
+  }
+}
+</sxh>
+  * install ts-node <sxh bash>
+$ npm install -g ts-node  # global
+$ npm install --save-dev ts-node  # local
+</sxh>
+  * 프로젝트 시작하기 <cli prompt="$" comment="  # ">
 $ npm init -y  # create package.json in node.js project
 $ npm install typescript --save-dev  # add typescript
@@ Line 13: / Line 54: @@
 </cli>
-<code json>
+  * package.json <code json>
 "scripts": {
   "start": "npm run build:live",
@@ Line 21: / Line 62: @@
 </code>
-<cli prompt="$" comment="  # ">
+  * 실행 <cli prompt="$" comment="  # ">
 $ npm start
 </cli>