共计 1150 个字符,预计需要花费 3 分钟才能阅读完成。
1、创立文件夹
间接创立 typescipt 文件夹
通过终端创立 typescript 文件夹
mkdir typescript
cd typescript
2、进入 typescript 文件夹,初始化 npm
npm init
依据提醒回车,这时候文件夹中会生成 package.json 文件。
3、装置 typescript/tslint 和 NodeJS 的类型申明
npm install --save-dev typescript tslint @types/node
tslint 是代码规定查看工具,放弃代码格调统一。这时候文件夹中就会生成 node_modules 文件夹
4、配置 tsconfig.json
{
"compilerOptions": {"lib": ["ES2015"],
"module": "commonjs",
"outDir": "dist",
"sourceMap": true,
"strict": true,
"target": "es2015"
},
"include": ["src"]
}
能够本人新建并配置,或者应用命令初始化,处于 typescript 目录下,运行以下命令
./node_modules/.bin/tsc --init
根本配置我的项目阐明:include ts 文件在哪个文件夹中
lib 运行环境包含哪些 api
module ts 代码编译成什么模块零碎
outDir 编译后的 js 代码寄存地位
stirct 是否开启严格模式
target ts 编译成 js 的规范
... 有很多配置项具体能够查看其它材料
5、配置 tslint.json
{
"defaultSeverity": "error",
"extends": ["tslint:recommended"],
"jsRules": {},
"rules": {"no-console": false},
"rulesDirectory": []}
能够本人新建并配置或者应用命令初始化,处于 typescript 目录下,运行以下命令
./node_modules/.bin/tslint --init
6、在 src 目录中创立 index.ts 文件并输出内容
mkdir src
touch src/index.ts
当初整体目录如下
typescript
----node_modules/
----src/
----index.ts
----package.json
----tsconfig.json
----tslint.json
index.ts
...
console.log("hello TypeScript")
7、编译
./node_modules/.bin/tsc
这时候文件夹中就会生成 dist/index.js
8、运行
node ./dist/index.js
如果中断输入“hello Typescript” 那么阐明咱们第一个 typescript 我的项目配置胜利
正文完
发表至: typescript
2020-08-04