一、系統(tǒng)環(huán)境

Mac 和 Linux 在 終端下：

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

國(guó)內(nèi)鏡像安裝：

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

在當(dāng)前環(huán)境變量文件 .bash_profile 最后加入，export PATH=$HOME/.deno/bin/:$PATH，然后 source .bash_profile

二、項(xiàng)目環(huán)境

雖然 Deno 不需要 package.json 和 node_modules 了，為了開發(fā)起來方便，暫時(shí)還是需要滴

在項(xiàng)目根目錄下：

yarn add typescript-deno-plugin typescript -D

新建 tsconfig.json，內(nèi)容如下：

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

三、為 WebStorm 設(shè)置代碼提示

四、在 package.json 的 scripts 配置快捷運(yùn)行方式

每寫一個(gè)文件，就在這兒配置一下

"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)\""
  }

每次點(diǎn)這個(gè)綠色三角就運(yùn)行

是不是有點(diǎn)麻煩，難道每寫一個(gè)文件都要配置一下嗎？ 有沒有更爽的玩法？ 答案是：有

五、設(shè)置快捷運(yùn)行 Deno 程序

5.1 如何配置

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

5.2 如何使用

這些以后每次只需要在想運(yùn)行的文件上右鍵，就行了！

注：我們一般會(huì)把 .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