1. 程式人生 > >TypeScript 學習筆記 之外掛安裝

TypeScript 學習筆記 之外掛安裝

關於型別定義檔案的管理工具,經歷了 tsd、typings 兩代進化,現在官方推薦的方式是使用 npm 進行管理

1.安裝之前,先用bower安裝相應外掛 例如安裝CKEditor : 

    bower install --help
    bower install --save ckeditor#full/4.5.11
    bower home ckeditor
    bower search ckeditor
 bower install ckeditor     bower install angular-ui-router --save

2.升級TypeScript  確認版本號在 2.0 以上

$ npm uninstall -g typescript

$ npm install -g typescript

$ tsc -v
npm install --save-dev typescript

3.型別定義庫

Github 上的開源專案 DefinitelyTyped 用於維護常見 JavaScript 庫的型別定義。

通過 TypeSearch 搜尋對應庫的型別定義檔案。

4.安裝型別定義檔案

以 angularjs 為例,在工程根目錄下執行如下命令以安裝型別定義檔案

$ npm install @types/angular --save-dev

對應的型別定義檔案將被安裝在 
工程根目錄/node_modules/@types 目錄下。

5.配置 tsconfig.json

工程根目錄/src 下的 tsconfig.json 用於配置 TypeScript 編譯選項。在使用 npm 進行型別定義檔案管理時,它的配置如下

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "ES5",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true,
        "rootDir": "./",
        "outDir": "../www"
    },
    "exclude": [
        "bower_components",
        "components",
        "../www"
    ],
    "include": [
        "../node_modules/@types",
        "./"
    ]
}

在未配置 typeroots 的前提下,TypeScript 編譯器會自動尋找引入 node_modules/@types 目錄中的型別定義檔案。更多資訊請參考 tsconfig-json types typeroots and types

5.如果你用的 Netbeans  要升級TypeScript Editor 外掛

匹配 TypeScript 2,Netbeans 外掛也需升級。在 nbts 下載最新的 .nbm 外掛並匯入 Netbeans 即可。

以下是typings時代的安轉方法,可以參考:

2、然後再安裝:typescript 相應支援外掛  外掛地址(包含絕大部分外掛):https://github.com/DefinitelyTyped/DefinitelyTyped 安裝時要注意的事項: 先全域性安裝:npm install typings --global 讓後cd 到專案typings 目錄下,進行以下命令的操作 安裝命令說明: typings install -h Install:安裝 typings install (with no arguments, in package directory)
typings install [<name>=]<location>

  <name>      Module name of the installed definition
  <location>  The location to read from (described below)

Valid Locations:
  [<source>~]<pkg>[@<version>][#<tag>]
  file:<path>
  github:<org>/<repo>[/<path>][#<commitish>]
  bitbucket:<org>/<repo>[/<path>][#<commitish>]
  npm:<pkg>[/<path>]
  bower:<pkg>[/<path>]
  http(s)://<host>/<path>

  <source>    The registry mirror: "npm", "bower", "env", "global", "lib" or "dt"
              When not specified, `defaultSource` in `.typingsrc` will be used.
  <path>      Path to a `.d.ts` file or `typings.json`
  <host>      A domain name (with optional port)
  <version>   A semver range (E.g. ">=4.0")
  <tag>       The specific tag of a registry entry
  <commitish> A git commit, tag or branch

Options:
  [--save|-S]       Persist to "dependencies"
  [--save-dev|-D]   Persist to "devDependencies"
  [--save-peer|-P]  Persist to "peerDependencies"
  [--global|-G]     Install and persist as a global definition
    [-SG]           Persist to "globalDependencies"
    [-DG]           Persist to "globalDevDependencies"
  [--production]    Install only production dependencies (omits dev dependencies)

Aliases: i, in
案例: 先全域性安裝 :      npm install typings --global 一般情況: typings install debug --save 特殊情況: typings install env~atom --global --save typings install dt~ckeditor --save-dev -G typings install dt~ng-file-upload --save-dev -G
typings install dt~angular-ui-router --save-dev -G
Uninstall 移除: typings uninstall <name> [--save|--save-dev|--save-peer] [--global]

Options:
  [--save|-S]       Remove from "dependencies"
  [--save-dev|-D]   Remove from "devDependencies"
  [--save-peer|-P]  Remove from "peerDependencies"
  [--global|-G]     Remove from the global version of dependencies
    [-SG]           Remove from "globalDependencies"
    [-DG]           Remove from "globalDevDependencies"

Aliases: r, rm, remove, un 案例: typings remove ckeditor -D -G typings remove atom  -G Init Initialize a new typings.json file. If you're currently using TSD, you can use --upgrade to convert tsd.json to typings.json. typings init

Options:
  [--upgrade]    Upgrade `tsd.json` to `typings.json`
List typings list

Options:
  [--production] List only production dependencies (omit dev dependencies)

Aliases: la, ll, ls
Bundle typings bundle --out <filepath>
Options:
  [--out|-o] <filepath>  The bundled output file path
  [--global|-G]          Bundle as a global definition
Search typings search [query]

Options:
  [--name] <name>     Search for definitions by exact name (E.g. only "react")
  [--source] <source> The registry mirror (E.g. "npm", "bower", "env", "global", "dt", ...)
  [--offset] <x>      Skip first "x" results (default: 0)
  [--limit] <x>       Limit to "x" results (default: 20, max: 100)
  [--order] <order>   Direction to sort results (default: "asc", enum: "asc" or "desc")
  [--sort] <column>   Order results by a column (E.g. "versions", "name", ...)

相關推薦

TypeScript 學習筆記 外掛安裝

關於型別定義檔案的管理工具,經歷了 tsd、typings 兩代進化,現在官方推薦的方式是使用 npm 進行管理 1.安裝之前,先用bower安裝相應外掛 例如安裝CKEditor :   

ELK 學習筆記 Kibana安裝

成功 tar.gz last under bsp span com font tps Kibana安裝: 安裝地址: https://www.elastic.co/downloads/kibana 安裝: tar -zxvf kibana-5.6.1-linux-x8

Zeppelin 學習筆記 Zeppelin安裝和elasticsearch整合

XML exp ado 8.0 elk mage search tor 選擇 Zeppelin安裝: Apache Zeppelin提供了web版的類似ipython的notebook,用於做數據分析和可視化。背後可以接入不同的數據處理引擎,包括spark, hive,

Docker學習筆記 Docker安裝配置使用

容器 dcoker 簡介Docker是一個開源的引擎,可以輕松的為任何應用創建一個輕量級的、可移植的、自給自足的容器。開發者在筆記本上編譯測試通過的容器可以批量地在生產環境中部署,包括VMs(虛擬機)、bare metal、OpenStack 集群和其他的基礎應用平臺。環境:CentOS7.3地址:1

容器學習筆記CentOS7安裝Docker

  0x00 概述 Docker從1.13版本之後採用時間線的方式作為版本號,分為社群版CE和企業版EE。 社群版是免費提供給個人開發者和小型團體使用的,企業版會提供額外的收費服務,比如經過官方測試認證過的基礎設施、容器、外掛等。 社群版按照stable和edge兩種方式釋出,

Linux學習筆記yum安裝和解除安裝軟體

  # yum -y install 包名(支援*) :自動選擇y,全自動 # yum install 包名(支援*) :手動選擇y or n # yum remove 包名(不支援*) # rpm -ivh 包名(支援*):安裝rpm包 # rpm -e 包名(不支

TypeScript學習筆記 介面(Interface)

在java中,介面是用來定義一些規範,使用這些介面,就必須實現介面中的方法,而且介面中的屬性必須是常量。 javascript中是沒有介面的概念的。所以TypeScript在編譯成 JavaScrip

TypeScript學習筆記函式

函式 函式是一組可以隨時隨地執行的語句。是 ECMAScript 的核心。和JavaScript一樣,TypeScript函式可以建立有名字的函式和匿名函式。 javascript中的函式: /*普通函式*/ function add(x, y) {

TypeScript學習筆記基本型別

TypeScript可以給變數指定型別。指定型別後只能給該變數賦指定型別的值,如果不給初始值的話預設是undefined。 格式: 變數宣告 變數名:型別=初始值; 例:var isDone:

typescript學習筆記編譯器與執行時

安裝編譯器,用來將ts檔案編譯為js檔案: npm i -g typescript 使用命令tsc  ***.ts來編譯ts檔案 安裝執行時,用來直接執行ts檔案: npm i -g ts-nod

TypeScript 學習筆記 模組的解析

Namespacing Namespace 的幾個特點。 宣告方式: namespace Validation{ // 模組中其他程式碼 } namespace 可以在多個檔案中宣告。 要引用名稱空間中的其他組成部分。需要通過 /// <reference

TypeScript 學習筆記 Module

TS 中的 Module 的概念相容 ES 2015 中 Module 的概念。 簡介 模組中的程式碼屬於模組本身的作用域,而不是全域性作用域。也這就意味著沒有明確的 export 的話,模組中的 變數,函式,類等對其他模組是不見的。相對的其他模組要使用某一模組的內容需要通過 import

IDEA 學習筆記 安裝和基本配置

window eclipse 自動 ref size 工作 ips ctr line 安裝和基本配置: 下載:https://www.jetbrains.com/idea/download/#section=windows 下載Zip安裝包: 基礎知識:

python學習筆記python-nmap安裝

python首先最新的鏈接地址和《python絕技》上不同,已經修改。下載後tar,然後運行python setup.py installroot@kali:/# wget http://xael.org/pages/python-nmap-0.6.1.tar.gz--2017-03-22 13:41:38-

Linux學習筆記九————ubuntu軟件安裝與卸載

升級 獲取 tor mage 技術 png bsp and rem 一、更新 源 1. 尋找國內鏡像源 所謂的鏡像源:可以理解為提供下載軟件的地方,比如Android手機上可以下載軟件的91手機助手;iOS手機上可以下載軟件的AppStore 2. 備份Ubuntu

redis學習筆記linux單機版redis安裝

info 目錄 tar daemon exit 單機 技術分享 gre shutdown Redis安裝   下載最新穩定版本: 官網: https://redis.io/     第一步:將redis.tar.gz解壓:tar -zxvf redis-4.0.10.ta

Web前端學習筆記安裝和使用PhantomJS

  0x00 安裝PhantomJS(linux環境安裝) 將PhantomJS下載在/usr/local/src/packet/目錄下(這個看個人喜好) 作業系統:CentOS 7 64-bit   1.下載地址:http://phantomjs.org/download.ht

深度學習筆記win7下TensorFlow的安裝

轉載自http://blog.csdn.net/hola_f/article/details/70482300 最近要學習神經網路相關的內容,所以需要安裝TensorFlow。不得不說,安裝TensorFlow的感受就像是大一剛入學學習C語言時,安裝vs時一樣,問題一大堆,工具都裝不好,

Python學習筆記安裝pygame

1、python --version  檢視安裝的Python版本,   pip --version  檢視安裝的pip版本, 2、如果沒有安裝pip,先安裝pip。網址是:https://pypi.python.org/pypi/pip#downloads      下載第二個就

Linux學習筆記Python3的安裝以及建立虛擬環境(CentOS)

body { background: #f4f4f4 } .title { width: 100%; background: #5cb85c; padding: 5px; font-size: 20px; margin: 5px } .sub_title { width: 99%; background: #