TypeScript实战03--搭建ts+express+mys

1. 新建express项目

        npm install express-generator -g （安装express脚手架，目的是为了运行express命令）

        express --view=jade server-side    （ 选择jade模板引擎，第二个参数是项目名称）

2. 安装依赖

        npm  install

        npm  install  typescript        

        npm  install  @types/express  @types/node -D    （安装node，express的声明文件）

3. 修改目录结构

        新建config，controller，model，types，utils等文件夹用于后续开发

        将原有的js文件修改成ts文件，并将www文件改名为server.js（bin\www为express的入口文件）

4. 修改配置文件

        tsconfig.json 修改配置项：    

    package.json 修改命令

        start：我们把bin/www文件改名为server.js。因此命令中的启动文件也随之修改

        build：tsc编译会忽略静态资源，因此我们自定义一个脚本handle-public.js将静态资源拷贝到dist目录下（安装shelljs包）

handle-public.js内容

        watch-dev：安装nodemon（监听文件变动并自动重启node），ts-node（不用编译直接运行ts文件），cross-env（明哥ts笔记01提到过，跨平台传变量）。因此上面的命令意思是：监听ts，tsx文件的变动，重启node并用ts-node运行server.js(原bin\www文件)

5. 浏览器访问端口(未完待续)

        这里默认为3000端口