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:
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:
1238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
