如何在 WebStorm 下愉快的编写 Deno
2020-05-15 本文已影响0人
Kenny锅
一、系统环境
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 在外，但这次我不能这么做了，你猜到是什么原因了吗？
