Typescript 标签

我把deno官方文档抄了一遍,以确保,知晓有哪些功能了! 有更新!

  |   0 评论   |   0 浏览

1. installation

    1. shell-mac/linux curl -fsSL https://deno.land/x/install/install.sh | sh
    1. powerShell-win iwr https://deno.land/x/install/install.ps1 -useb | iex
    1. scoop-win scoop install deno
    1. choco-win choco install deno
    1. homebrew-mac brew install deno
    1. nix-mac/linux nix-shell -p deno
    1. source using Cargo cargo install deno --locked
    1. docker https://github.com/denoland/deno_docker

ElectronDemo

  |   0 评论   |   0 浏览

Electron js 写 windows/mac app 的框架 typescript react antd 创建项目 安装脚手架:yarn global add create-react-app 创建 react antd 项目:create-react-app my-project --scripts-version=react-scripts-ts-antd 以下是完整的 package.json { // 项目名称 "name": "typescript-sonar-client", // 版本 "version": "1.0.3-alpha", "description": "null", // 入口 "main": "main.js", // 作者 "author": "ferried <harlancui@outlook.com>", "license": "MIT", // 环境(开发/部署) "DEV": true, // 主页 "homepage": ".", // 脚本 "scripts": { // 启动 react "start": "reac....

Typescript

  |   0 评论   |   0 浏览

介绍 typescript 是 JavaScript 的超集,最终也要编译成 javascript,有一定的编程基础再来看吧 编译器 安装 npm install -g tsc 配置 tsc 通过项目中的 tsconfig.json 来配置,先来看一个 demo { "compilerOptions": { "allowJs": true, "allowSyntheticDefaultImports": true, "allowUnreachableCode": true, "allowUnusedLabels": true, "alwaysStrict": true, "baseUrl": "../asdf.ts", "charset": "utf-8", "checkJs": true, "declaration": true, "declarationDir": "../out", "diagnostics": true, "disableSizeLimit": true, "emitBOM": true, "emitDecoratorMetadata": true, "experimental....

AngularCli

  |   0 评论   |   0 浏览

简介 写一份自定义的 angular 脚手架吧 写之前我们先解析一下 antd 的脚手架 前提 先把 Angular Schematic 这篇文章读一遍,确保了解了 collection 等基础 antd 脚手架 克隆项目 Git clone https://github.com/NG-ZORRO/ng-zorro-antd.git 开始 打开项目 在 schematics 下的 collection.json 为入口,查看内容 一共定了了 4 个 schematic,每个 schema 分别指向了各文件夹的子 schema.json,factory 指向了函数入口,index.ts ng-add/schema.json { // 指定 schema.json 的验证模式 "$schema": "http://json-schema.org/schema", "id": "nz-ng-add", "title": "Ant Design of Angular(NG-ZORRO) ng-add schematic", "type": "object", // 包含的属性 "properties": { "project": ....

vscode 插件开发经历

  |   0 评论   |   0 浏览

对 vscode 一无所知的前提下开发了聊天室插件 https://github.com/ferried/hacpai-cr 1.明确需求 首先,明确了自己的需求和开发步骤 1.必须登录得到 token 设置到 cookie 里 2.通过查看浏览器得到了 wss 的链接,并通过 D 大获取了必要的 ws 头信息 3.得出了需要让用户输入用户名密码,基于 nodejs 发送请求到 HacPai 换取 token 4.换取 token 存储到 vscode 中等待 wss 连接时使用 5.wss 设置头 User-Agent 等等等 6.wss 返回信息类型划分为 online 为获取当前在线用户 msg 为用户输入的信息 所以我需要 1.一个输入框(用户名密码发消息等) 2.一个消息列表(用来显示消息) 3.一个在线用户列表 通过官方的 GettingStart 一步步走下去了解到 1.输入框为 vscode.window.InputBox 2.vscode 原生列表(文件列表)为树格式需要自己写 provider 提供 data 最后找到一个官方项目集合示例 https://github.com/Microsoft/vscode-extension-sampl....

Angular6

  |   0 评论   |   0 浏览

入门 官方文档 高阶 修仙之路 构建第三方包 angular-cli 的 ng g lib 不太好用,所以还是用 ng-packgr 建立父项目 ng new project --style less --prefix pre 调整项目结构 cd project # 建立第三方包文件夹 mkdir -p projects/mylib # 在父项目中生成模块 ng g module mylib # 将 mylib.module.ts 移动到 project/mylib 下 mv mylib.module.ts ./projects/mylib # 在project/mylib 下生成 component/service # 注意,component 要 export 出来 cd project/mylib ng g c mycomponent ng g s myservice # 至此基本项目结构完成 模块依赖 当你编写第三方依赖包的时候,你的 service/component 或许需要一些数据来驱动,往往这些数据/对象是使用者提供的 # 建立 model 文件夹 mkdir -p project/my....