前端nodejs + typescript + express


注: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文件將會監聽自動重啟

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM