前言:本示例使用的是typscript完成的,所以需要具备typescript,nodejs和express的基础知识,其他的应该没有什么要求了吧!这只是对需要项目创建基础了解的同学写的,有基础的同学强绕道~~~
1、创建项目
(1)在桌面新建一个gql-demo文件,然后打开终端并进入gql-demo文件目录下,执行npm init 初始化一下项目
(2)项目初始化后悔看到项目里面有package.json文件,再npm install一下
(3)安装typescript,ts-node:npm i -D typescript ts-node,并配置试下tsconfig.json。执行tsc --init 后会在项目的根目录出现tsconfig.json文件,打开(我使用的是VSCode,感觉很不错,推荐大家使用。当然你有更好的也可以推荐给我,谢谢!!!)后进行各自的需求配置。我的配置如下:
{
"compilerOptions": {
/* Basic Options */
"target": "esnext", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
"module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
"lib": [
"es2015",
"dom",
"esnext",
],
"outDir": "./dist", /* Redirect output structure to the directory. */
"rootDir": "./src",
"strict": true, /* Enable all strict type-checking options. */
"esModuleInterop": true,
"experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
"emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
},
"include": [
"src/**/*.ts",
"typings/**/*.d.ts"
],
"exclude": [
"node_modules"
]
}
(5)安装express,安装express主要是为了能够发布服务器,需要安装一下type
npm i --save express @types/express
(6)在项目里创建一个src目录和index文件
mkdir src && touch mkdir/index.ts(这是在Mac下作的,其实完全可以手动创建),在index.ts文件中添加如下代码
import express from 'express'// 引入express
const app = express() // 定义app
// 监听端口
app.listen(3000,()=>{
console.log("监听3000端口成功")
})
(7)配置一下packge.json文件,使用ts-node来编译typescript,接下来启动 npm start,会看到终端打印出"监听3000端口成功"
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "ts-node --files src/index.ts"
},
这样就证明一个简单的服务器搭建起来啦,就写到这把,接下来就是GraphQL的内容了