技术选型

著名的编辑器vscode相信大家都知道
vscode是使用electron+web的形式来开发
打开vscode选择help -> Toogle Developer Tools 就会开启调试模式

vscode调试页面

从这里可以看到使用vscode开发时实际上我们是处于一个网页中在开发
那么，试着写一写呢
我没有去看vscode的源码
根据vscode已有的常用功能试着写一写，虽然性能效率和代码上是一定不如vscode的，但这也是对自己的一个锻炼过程嘛

框架选择

前端主流三大框架，react、vue、angular
经过一番激烈的思想斗争之后三者均被我放弃了，可能我喜欢自由一些的编码方式，不想被框架限制住，本来也是做个玩具嘛，来找找前端的初心

javascript和typescript

typescript作为javascript的超集，引入了强类型的概念，为什么不用呢~~

dom操作

可以操作dom的类库有很多，比如jq，d3这两个是我比较常用的类库，两者都是链式操作

jquery代码 d3.js代码

不过d3.js偏重图形制作，看着桌子上的《锋利的jquery》果断选择jquery

构建工具

我使用过的构建工具只有webpack 和 gulp，gulp了解不多，所以也没得选了，上webpack吧

样式

盲选less，在这个项目中css不会写很多，因为很多模块都是可配置的，css只会负责一些布局框架方面，vscode的主题是可配置的，但是在查看vscode的调试页面可以看到vscode 并没有大量行内css，可能是根据配置文件生成了css文件（仅猜测，无实证），不过现在轮到自己开发了，想怎么写就怎么写吧

font-icon

使用font-awesome中的字体图标，俺不会作图啊，怎么办，也许等项目做完，找ui设计个logo吧，^_

下一篇开始搭建项目

此致
敬礼~
小旋风

我建了一个前端微信交流群，欢迎大家加入，qq中转群号：1076484243