Nodejs + TypeScript
Node.js
https://nodejs.org
https://nodejs.org/en/download/ win: msi mac: pkg linux: tar.xz source code: tar.gz
Latest
https://nodejs.org/dist/v6.3.1/node-v6.3.1-x64.msi
https://nodejs.org/dist/v6.3.1/node-v6.3.1.pkg
https://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.xz
https://nodejs.org/dist/v6.3.1/node-v6.3.1.tar.gz v4.4.7 LTS
https://nodejs.org/dist/v4.4.7/node-v4.4.7-x64.msi
https://nodejs.org/dist/v4.4.7/node-v4.4.7.pkg
https://nodejs.org/dist/v4.4.7/node-v4.4.7-linux-x64.tar.xz
https://nodejs.org/dist/v4.4.7/node-v4.4.7.tar.gz Homebrew: sudo brew install node
Apt-get: sudo apt-get install nodejs npm
---------------------
CNPM
在国内用来代替npm的工具
$ npm install -g cnpm --registry=https://registry.npm.taobao.org TypeScript
https://github.com/Microsoft/TypeScript
http://www.typescriptlang.org
$ npm install -g typescript
$ tsc -v
$ tsc -w helloworld.js (按Ctrl+C退出)
在目录中初始化
$ tsc -init
$ tsc -w --newLine LF typings(The TypeScript Definition Manager)
代替tsd的工具: https://github.com/typings/typings/blob/master/docs/tsd.md
1. tsd install react --save
You would now:
typings install dt~react --global --save
2. tsd query react
becomes:
typings search react
$ npm install typings --global
在当前目录(项目)中安装angular和jquery的dt文件
$ typings install dt~angular --global --save
$ typings search --name jquery
$ typings install dt~jquery --global --save TSLint
$ npm install -g tslint typescript
$ tslint --init ESLint
$ npm install -g eslint
配置
$ npm init
...
name: (workdir)
version: (1.0.0)
description:
entry point: (main.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to path/to/package.json:
...
$ eslint --init
? How would you like to configure ESLint? Answer questions about your style
? Are you using ECMAScript 6 features? Yes
? Are you using ES6 modules? Yes
? Where will your code run? Node
? Do you use JSX? Yes
? Do you use React Yes
? What style of indentation do you use? Spaces
? What quotes do you use for strings? Double
? What line endings do you use? Unix
? Do you require semicolons? Yes
? What format do you want your config file to be in? JSON
... 简述如下:
$ mkdir ProjectName # 创建项目目录,然后下面是初始化
$ npm init
$ eslint --init
$ tsc -init
$ tslint --init
$ code . # 用VSCode(建议安装ESLint、TSLint扩展)打开
# mac系统可以将code手动ln到/usr/local/bin下:
$ ln -s /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code /usr/local/bin/code ----------------
Bower
$ npm install -g bower 安装react
先进入工作目录,然后输入下面命令会下载react到bower_components目录
$ bower install react
$ touch index.html
$ code . VSCode 需要安装的扩展和组件
扩展:Reactjs snippets或者React Standard Style code snippets,代码片段
扩展:Path Intellisense,能方便在代码中提供路径智能提示
扩展:HTML Snippets,提供html支持
扩展:React Native Tools,调试Android/iOS的React原生项目,提供智能提示,需要安装react-native-cli
$ npm install -g react-native-cli BABEL
http://babeljs.io
https://github.com/babel/babel
CLi
http://babeljs.io/docs/setup/#installation
$ npm install --save-dev babel-cli
ES2015
$ npm install --save-dev babel-preset-es2015
Polyfill
$ npm install --save-dev babel-polyfill
JSX and Flow
$ npm install --save-dev babel-preset-react
Nodejs + TypeScript的更多相关文章
- nodejs typescript怎么发送get、post请求,如何获取网易云通信token
nodejs typescript怎么发送get.post请求,如何获取网易云通信token yarn add jshashesyarn add superagent检查语法yarn lint==== ...
- nodejs + typescript + koa + eslint + typescript eslint + prettier + webstorm
ESLint 安装 yarn add -D eslint 生成配置文件 yarn eslint --init cli 选项 How would you like to use ESLint? To c ...
- nodejs + typescirpt + vs code
参考: 基于Nodejs生态圈的TypeScript+React开发入门教程 NPM install -save 和 -save-dev 傻傻分不清 使用typescript开发node js Typ ...
- Serverless 实战 —— 函数计算 + Typescript 实践
前言 首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传.函数计算准 ...
- jira webhook 事件触发并程序代码调用jenkins接口触发构建操作
要解决的问题 开发管理工具触发站点构建事件,事件处理中需要调用Jenkins接口开始构建动作. 我的应用场景: 使用jira作为管理工具,在jira中创建自定义的工作流来规定测试,上线,发布等流程,并 ...
- 专访阿里云 Serverless 负责人:无服务器不会让后端失业
2012 年,云基础设施服务提供商 Iron.io 的副总裁 Ken 谈到软件开发行业的未来,首次提出了 Serverless 的概念,为云中运行的应用程序描述了一种全新的系统体系架构.此后,以 AW ...
- Nodejs生态圈的TypeScript+React
基于Nodejs生态圈的TypeScript+React开发入门教程 基于Nodejs生态圈的TypeScript+React开发入门教程 概述 本教程旨在为基于Nodejs npm生态圈的前端程 ...
- 基于Nodejs生态圈的TypeScript+React开发入门教程
基于Nodejs生态圈的TypeScript+React开发入门教程 概述 本教程旨在为基于Nodejs npm生态圈的前端程序开发提供入门讲解. Nodejs是什么 Nodejs是一个高性能Ja ...
- es6模块 nodejs模块和 typescript模块
es6模块 import和export nodejs模块 require和module.exports typescript模块 module和export
随机推荐
- JSTL 标签库
1. JSTL 概述 JSTL 是 apache 对 EL 表达式的扩展, JSTL 是标签语言! 需要导入 jstl-1.2.jar 包 2. JSTL 标签库 core: 核心标签库; fmt: ...
- 爬取豆瓣电影信息保存到Excel
from bs4 import BeautifulSoup import requests import html.parser from openpyxl import Workbook,load_ ...
- 剑指offer 面试24题
面试24题: 题目:反转链表 题:输入一个链表,反转链表并输出反转后链表的头节点. 解题思路:注意反转时出现断裂现象,定义3个指针,分别指向当前遍历到的节点pNode.它的前一个节点pPrev及后一个 ...
- request doesn't contain a multipart/form-data or multipart/mixed stream ……
有文件控件"file"的表单,在提交的时候,直接使用了ajax提交,结果报了一堆错,原来这个东东要提交表单,还要用post方式,最后更改为: $("#saveForm&q ...
- uuid的使用
1.mysql中直接使用uuid()函数,可以生成一个随机的uuid 正常的uuid是36位长度的,其中有4个字符是‘-’,在mysql中可以使用replace()函数来替换‘-’ insert in ...
- Python 模块续 configparser、shutil、XML、paramiko、系统命令、
一.configparse # 注释1 ; 注释2 [section1] # 节点 k1 = v1 # 值 k2:v2 # 值 [section2] # 节点 k1 = v1 # 值 1.获取所有节点 ...
- 字典树 trie树 学习
一字典树 字典树,又称单词查找树,Trie树,是一种树形结构,哈希表的一个变种 二.性质 根节点不包含字符,除根节点以外的每一个节点都只包含一个字符: 从根节点到某一节点,路径上经过的字符串连接起 ...
- css系列(6)css的运用(二)
本节继续介绍css在html页面重的应用实例. (1)div的border-style属性: none: 无样式 hidden: 除了同表格的边框发生冲突的时候,其它同none dot ...
- mysql安装配置 (单个mysql安装)
mysql安装于 c盘因为有注册文件 和注册表 1.为了防止mysql数据表变大和sql日志增加 改变C:\ProgramData\MySQL\MySQL Server 5.7\my.ini 得指 ...
- Linux文件系统管理 fdisk分区命令
概述 我们在安装操作系统的过程中已经对系统硬盘进行了分区,但是如果我新添加了一块硬盘,想要正常使用时,在Linux中有专门的分区命令 fdisk 和 parted.其中 fdisk 命令较为常用,但不 ...