前言
前端可以自己创建一个服务器来做服务端,步骤
1.创建一个空的文件夹server 2.用vscode打开,在终端输入npm install -y![用Node.js创建服务器 用Node.js创建服务器](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0RvdkwybHRaeTVpYkc5bkxtTnpaRzR1Ym1WMEx6SXdNVGN3T1RBek1UWTBNVEF3TXpVMlAzZGhkR1Z5YldGeWF5OHlMM1JsZUhRdllVaFNNR05FYjNaTU1rcHpZakpqZFZrelRtdGlhVFYxV2xoUmRtTXlNWHBOVkZVelRYcEpNazFxUlRKUFZFRTlMMlp2Ym5Rdk5XRTJURFZNTWxRdlptOXVkSE5wZW1Vdk5EQXdMMlpwYkd3dlNUQktRbEZyUmtOTlFUMDlMMlJwYzNOdmJIWmxMemN3TDJkeVlYWnBkSGt2UTJWdWRHVnk%3D.jpg?w=700&webp=1)
执行完之后项目中会多出一个package.json文件
![用Node.js创建服务器 用Node.js创建服务器](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0RvdkwybHRaeTVpYkc5bkxtTnpaRzR1Ym1WMEx6SXdNVGN3T1RBek1UWTBNakU0TURZeVAzZGhkR1Z5YldGeWF5OHlMM1JsZUhRdllVaFNNR05FYjNaTU1rcHpZakpqZFZrelRtdGlhVFYxV2xoUmRtTXlNWHBOVkZVelRYcEpNazFxUlRKUFZFRTlMMlp2Ym5Rdk5XRTJURFZNTWxRdlptOXVkSE5wZW1Vdk5EQXdMMlpwYkd3dlNUQktRbEZyUmtOTlFUMDlMMlJwYzNOdmJIWmxMemN3TDJkeVlYWnBkSGt2UTJWdWRHVnk%3D.jpg?w=700&webp=1)
3.引入node的类型定义文件 终端输入
npm i @types/node --save
![用Node.js创建服务器 用Node.js创建服务器](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0RvdkwybHRaeTVpYkc5bkxtTnpaRzR1Ym1WMEx6SXdNVGN3T1RBek1UWTBOREU1T0RnNFAzZGhkR1Z5YldGeWF5OHlMM1JsZUhRdllVaFNNR05FYjNaTU1rcHpZakpqZFZrelRtdGlhVFYxV2xoUmRtTXlNWHBOVkZVelRYcEpNazFxUlRKUFZFRTlMMlp2Ym5Rdk5XRTJURFZNTWxRdlptOXVkSE5wZW1Vdk5EQXdMMlpwYkd3dlNUQktRbEZyUmtOTlFUMDlMMlJwYzNOdmJIWmxMemN3TDJkeVlYWnBkSGt2UTJWdWRHVnk%3D.jpg?w=700&webp=1)
4.将typescript编译成JavaScript 1)、创建一个文件tsconfig.json
![用Node.js创建服务器 用Node.js创建服务器](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0RvdkwybHRaeTVpYkc5bkxtTnpaRzR1Ym1WMEx6SXdNVGN3T1RBek1UWTBOekF5T0RjNVAzZGhkR1Z5YldGeWF5OHlMM1JsZUhRdllVaFNNR05FYjNaTU1rcHpZakpqZFZrelRtdGlhVFYxV2xoUmRtTXlNWHBOVkZVelRYcEpNazFxUlRKUFZFRTlMMlp2Ym5Rdk5XRTJURFZNTWxRdlptOXVkSE5wZW1Vdk5EQXdMMlpwYkd3dlNUQktRbEZyUmtOTlFUMDlMMlJwYzNOdmJIWmxMemN3TDJkeVlYWnBkSGt2UTJWdWRHVnk%3D.jpg?w=700&webp=1)
各个配置项含义 compilerOptions:编译器的配置
target:目标编译成es5规范的脚本
module:用的规范是commonjs的规范
emitDecoratorMetadata
experimentalDecorators 这个跟装饰器相关
outDir 编译完的js会放到一个叫build的目录里
lib 开发时当前用的是es6的语法
exclude:编译时排除node_modules 2).在目录中创建一个server文件并在此文件下新建一个hello_server.ts文件
![用Node.js创建服务器 用Node.js创建服务器](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9nby9hSFIwY0RvdkwybHRaeTVpYkc5bkxtTnpaRzR1Ym1WMEx6SXdNVGN3T1RBek1UWTFNVFExT0RjNFAzZGhkR1Z5YldGeWF5OHlMM1JsZUhRdllVaFNNR05FYjNaTU1rcHpZakpqZFZrelRtdGlhVFYxV2xoUmRtTXlNWHBOVkZVelRYcEpNazFxUlRKUFZFRTlMMlp2Ym5Rdk5XRTJURFZNTWxRdlptOXVkSE5wZW1Vdk5EQXdMMlpwYkd3dlNUQktRbEZyUmtOTlFUMDlMMlJwYzNOdmJIWmxMemN3TDJkeVlYWnBkSGt2UTJWdWRHVnk%3D.jpg?w=700&webp=1)
hello_server.ts
import * as http from 'http'3).按ctrl+shift+B 或者任务-配置任务-构建tsconfig.json
const server=http.createServer((request,response)=>{
response.end("Hello Node");
});
server.listen(8000);
4).会多出一个build文件夹
5.终端输入node build/hello_server.js
6.在浏览器中输入localhost:8000