如何生成 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 typescriptnpx 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 ts配置文件解析

如何使用 tsconfig.json 中的设置从命令行键入检查单个文件?

在 tsconfig.app.json 中为 Angular 项目定义路径

如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json?

如何将 tsconfig.json 文件添加到 Visual Studio 2015 项目以获取编译器选项?

了不起的 tsconfig.json 指南