vuejs
这东西,实不相瞒,学习了很长时间,从看文档到使用,大概有一年的时间。当然,其实上手没有那么难,<script src="vue.js"></script>
这样就搞定了。只是想要用的比较优雅,存在一定的难度。
但是硬核玩家肯定不能止步于此。于是就开始了vue-cli
的探究。没想到这个探究如此之长,以至于我在很长一段时间内,都没有正儿八经的写过前端。
vuejs
这东西,实不相瞒,学习了很长时间,从看文档到使用,大概有一年的时间。当然,其实上手没有那么难,<script src="vue.js"></script>
这样就搞定了。只是想要用的比较优雅,存在一定的难度。
但是硬核玩家肯定不能止步于此。于是就开始了vue-cli
的探究。没想到这个探究如此之长,以至于我在很长一段时间内,都没有正儿八经的写过前端。
似乎是个辛苦的差事。
首先,hexo使用的ejs模板引擎,也就是说,整个代码的构建是要利用ejs的。然而hexo使用的则是golang模板引擎,这两个引擎我都不了解,ejs我是略微有所接触,并不深入,因此整个任务可以说是困难重重。但是面对这个令人万分讨厌的默认主题以及字体,我必须要做点什么了。
clone了两个代码看了看,分析了几条思路。
既然ejs是一个模板引擎,那么从中寻找相同点,手写一个可以读取ejs的工具,重新构建成golang模板,即自动化生成工具。可以应对多种主题,一劳永逸,在自动生成的基础上对新生成的代码再加工。
这种方法相对第一种来讲,实现较为简单。即:利用hexo生成的静态文件,在public
生成的文件进行分析修改。利用此方法,如果生成的html文件不复杂且结构清晰可用。
综上所述,个人决定首先手动修改一次,凑合着使用。然后再利用编译原理知识进行进一步修改,实现思路一。好的程序员是给自己出问题的= =。
成品稍后奉上。
半成品:
使用webstorm进行前端开发
最近使用webstorm进行了简单小游戏的开发,感觉十分强大。
使用Ctrl+Alt+s
召唤Settings,输入Plugin,Browse,找到ideavim,安装。此时提示重启webstorm,先不必重启,打开C:\User\"当前用户"
,建立_ideavim
,加上source _vimrc
读入自己的vim配置文件即可。根本停不下来。
早知道有如此工具在下也不至于在web上如此痛苦。个人认为,比起配置原生态Vim,这样开发更加好用,节省博主本来就不多的脑细胞。