打造windows系统(WSL)完全开发环境系列（第三篇 WSL与编辑器的结合）

                                          第三篇 WSL与编辑器的结合

本系列分享在 Windows 10 中打造一个 图形界面与命令行完全结合的开发环境。

接 第二篇 开发环境基础系统配置 ，我们可以进行开发环境的扩展了。

首先肯定是和编辑器结合使用才符合习惯。

本例内容目标：

1 WSL 与 sublime_text3 编辑器的结合。

2 WSL与 JetBrains系 编辑器的结合。

 

1 WSL 与 sublime_text3 编辑器的结合。

此编辑器很方便，轻量，灵活，结合各种插件用起来相当顺手。笔者经常用它在 windows 环境中编辑 js python bash。

1 以 nodejs 解释器配置为例

我们需要为sublime_text3添加 新编译系统，本例之前已经添加好了 javaspript 。

工具  -> 编译系统 -> 新编译系统

内容如下：

{  
    "cmd": ["bash", "-c", "/usr/local/node/bin/node ${file_name}"],
    "shell": true,
    "working_dir": "${file_path}"
} 

第一行 cmd： /usr/local/node/bin/node  匹配你自己的WSL系统环境中 nodejs 安装的路径。其他配置复制即可。

保存文件名字为 javascript.sublime-build，关闭编辑器后重新打开。

工具  -> 编译系统 -> 点选 javascript 。

验证是否生效，打开一个 .js 为后缀的文件编辑， Ctrl + b 运行脚本，输出结果符合预期。

聪明的大家到这里肯定搞懂了如何添加别的 新编译系统，没错替换 /usr/local/node/bin/node 即可。

保存文件名改成对应的编程语言。WSL中 系统默认的 Python3 为 /usr/bin/python3 。python2.7.15 为 /usr/bin/python。php 为 /usr/bin/php 等等。

 

2 WSL与 JetBrains系 编辑器的结合

以笔者习惯的 WebStorm 为例，打开编辑器的设置。

Settings -> Languages & Frameworks -> Node.js and NPM

新建解释器（忽略我已经建好的）

打开窗口点 + 选 Add WSL...

输入 WSL 系统环境中 nodejs 安装的路径即可

最终设置完成长这样，箭头哪里选 node_modules 路径，非必须。

验证设置，用刚才一样的代码测试。

解释器路径符合预期，到此完结。

有问题请留言，喜欢请转载带上出处。谢谢！