• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

TypeScript如何创建一个工程(有源码工程)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

开始TypeScript开发之前,我们得掌握如何创建一个最初的工程。

下面是创建一个新的工程需要用到的若干语句。

 


https://www.jianshu.com/p/0e37a793ac3a

https://www.cnblogs.com/xiaoxiaochengxuyuan/p/6137574.html

 

typescript开发的准备工作:


1.准备工作

1.1安装node.js (www.nodejs.cn)
1.2.安装 typescript
npm install -g typescript
npm i -g typescript
npm i -g nodemon
npm install typings --global

2.typescript里面找不到 'http'模块
npm install -s http
npm install -s @types/http
npm install --save @types/core-js
npm install --save-dev @types/node

npm install –save @types/jquery


===============================
3.开始建立typescript的工程

3.1.初始tsc环境,生成tsconfig.json文件
tsc --init
3.2.初始化 npm环境,生成package.json文件
npm init -y
3.3.vs打开当前目录
code .
3.4.写完ts文件之后,记得build(构建)一下
3.5.打开watch功能
[Terminal]-->[Run Task],选择 watch

 

如果你的工程没有运行起来,那你要注意你的 task.json文件

在 【Terminal】  ->  【Configure Task】里面,选择 【tsc:build - tscconfig.json】和【tscwatch - tscconfig.json】

这是一个可以参考的task.json文件。

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "problemMatcher": [
                "$tsc"
            ],
            "group": "build",
            "label": "tsc: build - tsconfig.json"
        },
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "option": "watch",
            "problemMatcher": [
                "$tsc-watch"
            ],
            "group": "build",
            "label": "tsc: watch - tsconfig.json"
        }
    ]
}

 

 

附带一个 工程

https://github.com/liangzai90/websockets-client-and-server

 下载下来之后,在vscode里面,点击 view -> terminate ,在这个终端里面执行 npm install

将依赖包下载到本地。

 

 

 

win10 脚本被禁用问题:


set-ExecutionPolicy RemoteSigned
在power shell输入这个命令。
参考地址:https://blog.csdn.net/wqnmlgbsz/article/details/100654258

 

功能拓展:


 1.添加代码检查插件

npm install --save-dev eslint

npm install --save-dev typescript @typescript-eslint/parser

npm install --save-dev @typescript-eslint/eslint-plugin

参考地址: https://ts.xcatliu.com/engineering/lint

或者,直接在vscode的工具栏侧面,搜索 ESLint 插件,安装即可。

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
编译TypeScript(TypeScript转JavaScript)编译TypeScript(TypeScript转JavaScript) ...发布时间:2022-07-18
下一篇:
TypeScript学习笔记发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap