zoukankan      html  css  js  c++  java
  • 创建Node.js TypeScript后端项目 demo

    egret-protobuf

    创建Node.js TypeScript后端项目,里面包含了protobuf版本3、egret项目、前后端WebSocket。

    1、安装Node.js扩展,支持TypeScript语法

    npm install -g typescript

    2、创建项目目录project_folder,为项目的*.ts添加API代码提示

      mkdir project_folder

      cd project_folder

    3、跳转到项目的目录下,创建Node.js TypeScript项目

      cd project_folder

    npm init

    4、在项目的目录下,创建TypeScript项目配制文件,使用tsc --init,就会自动建立好一份tsconfig.json。

      cd project_folder

      tsc --init

      tsconfig.json的参数详情链接:中文、英文(官网) 

      tsconfig.json特殊符号:

    • 匹配0或多个字符(不包括目录分隔符)

    ? 匹配一个任意字符(不包括目录分隔符)

    **/ 递归匹配任意子目录

      

    5、在项目的目录下,使用tsc�编绎tsconfig.json配制下的所有*.td文件成*.js文件。

      cd project_folder

      tsc --project . --outDir dist

      在WebStorm中,可以设置如下,实现自动编译:

      File->Default Settings...->Language & Frameworks->TypeScript

      里面Compiler->Enable Typescript Compiler->Use tsconfig.json

    6、为项目的*.ts添加API代码提示

    cd project_folder

    npm install --save-dev @types/node  //Node.js的基础API代码提示

    npm install --save-dev @types/ws  //为ws模块(ws module:WebSocket)添加API代码提示

    也可以用以下方法:

    npm install --save-dev typescript @types/node @types/ws @types/express

    重点说明: 

    注意:由于类库API代码提示的版本一般很少及时更新,所以类库API代码版本总是过旧。可以从类库源码中复制index.d.ts、package.json这两个文件替换此目录(项目目录/node_modules/@types/类库名)内的两个文件

    https://www.php.cn/js-tutorial-385730.html

    在TypeScript 2.0以上的版本,获取类型声明文件只需要使用npm。在项目目录下执行安装:

     

    1

    npm install --save-dev @types/node

    就可以获得有关node.js v6.x的API的类型说明文件。之后,就可以顺利的导入需要的模块了:

     

    1

    import * as http from 'http';

    完成之后,不仅可以正常的使用http模块中的方法,也可以在vscode中获得相应的代码提示。

    对于内建模块,安装一个@types/node模块可以整体解决模块的声明文件问题。那么,对于浩如烟海的第三方模块,该怎么办呢?官方和社区中也提供了查找和安装的渠道:

    • typings

    • DefinitelyTyped

    • TypeSearch

  • 相关阅读:
    Python中字符的练习
    Python中的数据结构 --- 集合(set)
    Python中的数据结构 --- 元组(tuple)、字典(tuple)
    Python中的数据结构 --- 列表(list)
    Python变量、字符练习1
    Python中字符串的操作
    Python中for、while、break、continue、if的使用
    Python中的变量
    Python中注释的添加
    Python的介绍及Pycharm软件的安装
  • 原文地址:https://www.cnblogs.com/porter/p/12971282.html
Copyright © 2011-2022 走看看