如何生成 tsconfig.json 文件?
Posted
技术标签:
【中文标题】如何生成 tsconfig.json 文件?【英文标题】:How can I generate a tsconfig.json file? 【发布时间】:2016-08-23 08:30:52 【问题描述】:如何通过命令行生成tsconfig.json
?
我试过命令tsc init
,但这不起作用。
【问题讨论】:
【参考方案1】:自 TypeScript 1.6 发布以来,它是 supported。
正确的命令是--init
而不是init
:
$ tsc --init
尝试在控制台中运行以下命令来检查版本:
$ tsc -v
如果版本早于 1.6,则需要更新:
$ npm install -g typescript
请记住,您需要安装 node.js 才能使用 npm。
【讨论】:
如果像我一样,这对您不太适用 - 请尝试此答案中提供的解决方案:***.com/a/32532656/1732184 Cheers! 我能够在没有全局安装的情况下使其工作:npm i typescript
npx tsc --init
本地安装node_modules/.bin/tsc --init
这个答案过时了吗? npx tsc --init
返回“未知的编译器选项 'init'。”
@nathanfranke 您永远不应该将库安装为 sudo,并且 --force 与此安装问题无关。这可能意味着您将其安装到系统安装的节点,而不是使用 nvm 安装的用户(您)节点【参考方案2】:
这对我有用:
tsc --init
【讨论】:
【参考方案3】:按照以下步骤设置 ts 项目:
安装打字稿yarn global add typescript
创建一个package.json:运行yarn init
或设置默认值yarn init -yp
创建一个tsconfig.json:运行tsc --init
(*可选)添加 tslint.json
项目结构如下:
│ package.json
│ tsconfig.json
│ tslint.json
│ yarn.lock
│
├─dist
│ index.js
│
└─src
index.ts
【讨论】:
【参考方案4】:对于那些将 TypeScript 安装为本地包(也可能作为开发依赖项)的用户,请通过:
$ npm install typescript --save-dev
...以及谁在 package.json 中添加了 tsc 脚本:
"scripts":
...
"tsc": "tsc"
,
您可以通过npm
拨打tsc --init
:
$ npm run tsc -- --init
【讨论】:
为什么我们需要 tsc 和 --init 之间的两个破折号? @lorless 这是一个分隔符,所以--
之后的所有内容都被视为脚本本身的参数,不会被npm
解析。【参考方案5】:
我建议先用以下命令卸载 typescript:
npm uninstall -g typescript
然后使用chocolatey 包来运行:
choco install typescript
在 PowerShell 中。
【讨论】:
这仅适用于 Windows。【参考方案6】:安装 TypeScript:
npm install typescript
将 tsc 脚本添加到 package.json:
"scripts":
"tsc": "tsc"
,
运行这个:
npx tsc --init
【讨论】:
【参考方案7】:如果你不想全局安装 Typescript(这对我来说很有意义,所以你不需要经常更新它),你可以使用 npx:
npx -p typescript tsc --init
关键是使用-p
标志通知npx tsc二进制属于typescript包
【讨论】:
为什么不直接使用npx tsc --init
?如果 Typescript 作为本地开发依赖安装,则 tsc 将存在于node_modules/.bin/tsc
。【参考方案8】:
我正在使用这个,
yarn tsc --init
这已经帮我解决了
【讨论】:
【参考方案9】:你需要安装打字稿库,然后才能使用
npx tsc --init
如果响应为error TS5023: Unknown compiler option 'init'.
,则表示该库未安装
yarn add --dev typescript
或用于 npm
npm i --save-dev typescript
然后再次运行npx
命令
我建议不要全局安装依赖项,因为这样更容易管理每个项目的版本控制。同事也更容易通过一个命令查看运行项目所需的安装。
【讨论】:
我遇到了这个错误:“这不是您要查找的 tsc 命令”。不过,使用 npx typescript --init 有效。【参考方案10】:$ npm run tsc -- --init
这适用于以下 package.json
"devDependencies":
"@types/jasmine": "^3.6.2",
"@types/node": "^14.14.19",
"jasmine": "^3.6.3",
"protractor": "^7.0.0",
"typescript": "^4.1.3"
,
【讨论】:
这只有在你的 package.json 的脚本部分有 "tsc": "tsc" 时才有效【参考方案11】:来自2ality。您可以在 .zshrc
或 .bashrc
中添加一个函数来快捷地访问本地 bin 路径。
# in .zshrc:
function npm-do (PATH=$(npm bin):$PATH; eval $@;)
# working inside your directory:
npm-do tsc --init
【讨论】:
【参考方案12】:生成 tsconfig 文件的常规方法是创建一个名为 tsconfig.json 的文件,然后打开 ,在此 中点击
ctrl + 空格键 (Windows)
cmd + 空格键 (mac)
然后选择compileOptions然后选择你需要的选项
使用 VSCode 终端或您要创建的同一目录上的任何 cmd 进行自动生成 (tsconfig.json):
tsc --init
【讨论】:
以上是关于如何生成 tsconfig.json 文件?的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 tsconfig.json 中的设置从命令行键入检查单个文件?
在 tsconfig.app.json 中为 Angular 项目定义路径
如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json?