注:ts能寫出非常嚴謹的代碼,並且轉換js會更加好
一、搭建環境
1、新建文件夾,初始化npm init --yes出現package.json
2、cnpm i typescript -g 全局安裝typrscript
3、tsc --init 生成ts的配置文件tsconfig.json(通過這個文件可以對ts進行轉換)
4、npm install express 構建本地服務,使用express
生成dependencies,對應生產
5、npm i @types/node -g 安裝@types/node模塊(@types/node模塊會幫助我們引入typescript需要的內容)
6、npm i @types/express -D 安裝本地開發ts對應的express( -D代表的是當前項目中安裝,-g是全局的)
生成devDependencies,對應開發
二、修改tsconfig.json配置文件,使用es6已經tsc后文件輸出到build文件夾下
三、修改package.json,啟動命令 npm run start-nodemon 執行兩個命令,tsc先轉換ts為js,在啟動build/server.js
四、以上代碼可以實現npm run start-nodemon啟動代碼,但是每次修改都需要重啟比較麻煩,我們來安裝nodemon插件
npm i nodemon -g
安裝完成我們來修改package.json文件,新增運行腳本
"dev":"nodemon -e ts -w ./ -x npm run start-nodemon"
注:-e代表后綴為ts的,-w監聽 ,npm run start-nodemon運行上面配置的腳本
此時我們修改ts文件將會監聽自動重啟