前言
大部分的编辑器可能并没有内置对Shader的支持，因此你需要额外安装一些插件来辅助Shader的开发。
有的插件是必须要装的，不装的话将难以继续学习后面的内容，也有的插件是可选的，不装并不影响整体的学习，但装了会大大地提高开发的体验。
VScode
以VSCode编辑器为例，安装插件的步骤是下面这样的：
点击左侧工具栏的“插件”图标。
在搜索栏里输入Shader，你就会发现关于Shader的插件都显示出来了，点击对应插件的Install按钮即可将该插件安装到编辑器中。
以下列举了一些助力Shader开发的插件，它们是 VSCode 编辑器专用的，如果你用的是别的编辑器，请自行寻找对应的替代品。
Shader 语言支持（必须）
首先，我们的Shader文件的代码需要有完整的高亮支持。
在插件中搜索 Shader languages support for VS Code，安装即可。
Shader 实时预览（必须）
其次，我们希望能实时预览我们Shader渲染的效果。
在插件中搜索 Shader Toy，安装即可。
HTML 实时预览（必须）
在后面的某几个章节里，我们将会把Shader代码直接作为字符串写入html文件，因此需要一个能直接预览html文件渲染结果的插件。
在插件中搜索 Live Preview，安装即可。
JS 中的 Shader 高亮（可选）
在后面的某几个章节里，我们的html文件的JS部分会有Shader代码的字符串，它们也需要得到高亮提示。
在插件中搜索 es6-string-html，安装即可。
Shader 格式化（可选）
有一个比较实用的插件，它为Shader代码提供了格式化功能，同时也提供了取色器，方便调整 3 维变量的颜色值。
在插件中搜索 glsl-canvas，安装即可。
