作为前端开发的我，之前的开发过程中一直用的是Atom这一款IDE，再配上了好看的主题插件很nice，Atom的界面是真心好看，但是插件装多了你们真的不觉得卡吗，VS Code比Atom更加的流畅，比webstorm更轻量级。一次偶然换的工作后，项目组要求统一IDE，让我了解到了VS Code，这边简单介绍下VS Code日常开发的需求。

VS Code精选主题

主题插件安装流程

首先先简单介绍些主题插件的安装流程：

第一步，点击扩展商店搜索你要找的插件名称如Atom One Dark Theme，点击安装；

第二部，安装好了之后只是证明你本地的VS Code上面有这个插件了，还需要将当前使用的主题插件切换成你想要的才行；

①点击右下角的设置按钮，进入命令面板；

②搜索颜色主题关键字；

③点击想要的主题完成切换。

一个编辑器界面的好看与否，真心挺重要的，之前对atom一直恋恋不舍，完全就是因为它的主题界面太优雅了。下图是笔者配置好的VS Code界面截图，下面推荐几款好看的主题：

VS Code 主题插件列表(推荐)

1. One Dark Pro

One Dark Pro的主题界面效果如下（推荐指数5星） One Dark Pro

2. Atom One Dark Theme

Atom One Dark Theme的主题界面效果如下（推荐指数5星） Atom One Dark Theme

3. Eva Theme

Eva Theme的主题界面效果如下（推荐指数5星） Eva Theme

4. Material Palenight Theme

Material Palenight Theme的主题界面效果如下（推荐指数5星） Material Palenight Theme

介绍vscode一大堆，开始说说如何使用

1、安装环境，基本按照继承操作即可

2、vscode创建touchwx工程，可以做一些简单页面处理，编译生成小程序存放在dist文件夹

3、微信开发工具，创建小程序，路径绑定到dist文件夹

4、就完成了小程序搭建

注意两个方便：

第一，每个页面创建后，要增加一下代码，就完全载入了touchwx功能可使用

<script>

//获取应用实例

const App = getApp();

第二，要学会利用小程序demo和组件文档，快速了解UI模块架构

以上是个人首次使用touchwx框架心得体会，希望有兴趣者一起继续探讨touchwx

--------------------------------------------------------------------------------------

下一章节，将会介绍下小程序目前授权api的使用和对应前后端需要注意哪些？