mac webstorm 使用typescript 和配置自动编辑

最新推荐文章于 2024-08-01 10:09:42 发布

拉不拉丁

最新推荐文章于 2024-08-01 10:09:42 发布

阅读量1.2k

点赞数

分类专栏： typescript 文章标签： typescript

本文链接：https://blog.youkuaiyun.com/weixin_44864084/article/details/103505933

版权

本文介绍了在Mac环境下如何在WebStorm中安装和配置TypeScript，包括通过npm安装、生成和配置tsconfig.js文件，以及调整WebStorm的设置以实现自动编译。详细步骤包括修改tsconfig的outDir参数，设置编译输出目录，以及在WebStorm中设置File Watchers以实现文件变动时自动编译为JS。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mac webstorm 使用typescript 和配置自动编译

安装typescript

打开终端使用npm的前提是安装了node

npm install -g typescript

配置tsconfig.js(ts配置文件)

在所要编译的ts所在的目录中打开终端输入tsc --init ，可以自动生成tsconfig.js

tsc --init

配置tsconfig文件

{
   
  "compilerOptions": {
   
    /* Basic Options */
    // "incremental": true,                   /* Enable incremental compilation */
    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    // "lib": [],                             /* Specify library files to be included in the compilation. */
    // "allowJs": true,                       /* Allow javascript files to be compiled. */
    // "checkJs": true,                       /* Report errors in .js files. */
    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    // "declaration": true,

最低0.47元/天解锁文章