Since I write a lot of Typescript projects, it's quite handy to have an explanation on how to set-up a typescript project.
Start by creating a working directory for your project, such as my-project/ and navigate to it.
Setting Up Typescript Project
To set-up a Typescript project, execute the following and then following the specific steps for your Shell of choice:
# Init NPMnpm init -y# Install Dependenciesnpm install typescript ts-node nodemon rimraf --save-devnpm install @types/node --save./node_modules/.bin/tsc --init
# Init filemkdir -p srctouch src/index.ts
# Init filemkdir -p srcecho $null >> src/index.ts
After the project is set-up, we have to adapt our
package.json so that we are able to execute
npm run start:dev to start developing. Therefor add the following lines to the
"build": "rimraf ./dist && tsc","start": "npm run build && node dist/index.js","start:dev": "npm run build && nodemon --ext \".ts,.js\" --watch \"./src\" --exec \"ts-node ./src/index.ts\""
Last but not least we have to adapt our
tsconfig.json file created by the
tsc --init script to move the output files to a
dist/ folder. So change the following parameters:
"outDir": "./dist""rootDir": "./src"
After executing the steps above, you should now be able to create code, save and have auto-reload working.