`
sillycat
  • 浏览: 2556942 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Online Course: Understanding TypeScript(1)Introduction

 
阅读更多
Online Course: Understanding TypeScript(1)Introduction

Init the TypeScript Workspace
>mkdir ts-course

Init the NPM management
>npm init

It will generate the file package.json
{
  "name": "ts-course",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "lite-server"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "lite-server": "^2.3.0"
  }
}

I save the dev tool, lite-server
> npm install lite-server --save-dev

Add the start script in NPM
"start": "lite-server"

In the index.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Learning TypeScript</title>
    <script src="app.js"></script>
</head>
<body>
hello
</body>

I can directly run
> npm start

It will start the http server, visit the page in http://localhost:3000
Generate the TypeScript Init Configuration File
> tsc --init
message TS6071: Successfully created a tsconfig.json file.

It will generate tsconfig.json

When I run tsc, it will compile all the ts file under this directories to JS.


References:



分享到：
| AMAZON DynamoDB(4)Cli Command to Create/ ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics