如何在 WebStorm 下愉快的编写 Deno

一、系统环境

Mac 和 Linux 在 终端下：

curl -fsSL https://deno.land/x/install/install.sh | sh

国内镜像安装：

curl -fsSL https://x.deno.js.cn/install.sh | sh

在当前环境变量文件 .bash_profile 最后加入，export PATH=$HOME/.deno/bin/:$PATH，然后 source .bash_profile

二、项目环境

虽然 Deno 不需要 package.json 和 node_modules 了，为了开发起来方便，暂时还是需要滴

在项目根目录下：

yarn add typescript-deno-plugin typescript -D

新建 tsconfig.json，内容如下：

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-deno-plugin",
        "importmap": "import_map.json"
      }
    ]
  }
}

三、为 WebStorm 设置代码提示

四、在 package.json 的 scripts 配置快捷运行方式

每写一个文件，就在这儿配置一下

"scripts": {
    "array-buffer": "deno run array-buffer.ts",
    "welcome": "deno run welcome.ts",
    "simpleServer": "deno run --allow-net simpleServer.ts",
    "eval": "deno eval \"console.log(111 + 222)\""
  }

每次点这个绿色三角就运行

是不是有点麻烦，难道每写一个文件都要配置一下吗？ 有没有更爽的玩法？ 答案是：有

五、设置快捷运行 Deno 程序

5.1 如何配置

Program: deno
Arguments: run --allow-all $FileName$
Working directory: $FileDir$

5.2 如何使用

这些以后每次只需要在想运行的文件上右键，就行了！

注：我们一般会把 .idea 目录添加到 .gitignore 在外，但这次我不能这么做了，你猜到是什么原因了吗？

六、参考

• https://x.deno.js.cn
• https://github.com/justjavac/typescript-deno-plugin#with-jetbrains-ides
• https://chenshenhai.com/deno_note/note/chapter_02/install