此文针对mac或linux，Windows下可能透明支持性不好，不提供解决方案
最终效果像下面这样：
也有老兄整成下面这个样子：
这个敲代码久了眼不瞎吗。
废话不多说了上重点。
1、
安装vs 扩展
“Custom CSS and JS Loader”
2、
a)创建一个样式文件：custom.css，负责整个编辑器的样式
html {
b……继续阅读 »
Torry.Yao
5个月前 (05-15) 442浏览
2个赞
程序员的迷茫不仅仅是面对技术繁杂的无力感，更重要的是因为长期埋没于软件世界的浩大的分工体系中，无法看清从业务到软件架构的价值链条，无法清楚定位自己在分工体系的位置，处理不好自身与技术、业务的关系所致。很多程序员打心底不喜欢业务，这一点我曾经也经历过，我更宁愿从事框架工具、技术组件研究的相关事情。我有个朋友经常吐槽我说：”你们天天加班加点写了那么多代码，……继续阅读 »
Torry.Yao
1年前 (2018-08-31) 486浏览
2个赞
在前端这个行业里面，浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多，Chrome，Firefox，IE，Safari… 为了能获得更佳的开发体验，大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。
Chrome Extensions
OneTab
当您发现自己有太多的标签页时，单击OneTab图标……继续阅读 »
Torry.Yao
2年前 (2017-11-28) 711浏览
2个赞
一直忍着webstorm的卡，自从接触了vscode，就开始琢磨要不要抛弃webstorm。先纠结一阵，熟悉下vscode。
主命令框
F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：
按一下 Backspace 会进入到 Ctrl+P 模式
在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式……继续阅读 »
Torry.Yao
2年前 (2017-11-21) 805浏览
3个赞
综合类
综合类
地址
前端知识体系
http://www.cnblogs.com/sb19871023/p/3894452.html
前端知识结构
https://github.com/JacksonTian/fks
Web前端开发大系概览
https://github.com/unruledboy/WebFrontEndStack
……继续阅读 »
Torry.Yao
3年前 (2017-02-21) 3469浏览
1个赞
代码头部装逼专用注释，用了之后才发现，写代码顺畅多了。。。
//////////////////////////////////////////////////////////////////////////////////////
//
// .::::.
// ……继续阅读 »
Torry.Yao
3年前 (2016-09-14) 2054浏览 0评论
5个赞
此版本包含功能有：实时刷新，sass编译，css压缩，js压缩，图片压缩，html压缩等
用法
github地址
这个脚手架是用node-sass来编译sass文件的，so,得先安装node-sass模块。如果使用npm安装不成功，可以试试淘宝的cnpm。这里就不过多介绍如何安装了。
安装完node-sass
1、 在项目目录clon……继续阅读 »
Torry.Yao
3年前 (2016-08-12) 1325浏览 0评论
0个赞
对于简单的网站或者说是传统网站来说，我们交付给phper或java的代码都应该是未压缩版的。那么好多gulp的插件我们是用不到的，这里我们只用browser-sync来实现自动刷新的功能，来快速搭建我们的开发环境。
如何安装gulp这里就不介绍了。
基础版
github地址
用法
1、 在项目目录clone上面的地址
git c……继续阅读 »
Torry.Yao
3年前 (2016-08-11) 933浏览 0评论
2个赞
jQuery插件
1、swiper – 滑动插件
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端
2、Layer – 弹出层
Layer一个让你想到即可做到的web弹出层，是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作……继续阅读 »
Torry.Yao
3年前 (2016-07-13) 984浏览 0评论
3个赞
2015-2016前端知识体系
总结了下前端这两年的主流技术，大部分技术在我的博客里有较深入的研究学习，对应技术博客地址：http://ouvens.github.io ，博客持续更新中，欢迎大家关注~
一、框架与组件
bootstrap等UI框架设计与实现
伸缩布局：grid网格布局
基础UI样式：元素reset、按钮、图片、菜单、表单
组件UI样……继续阅读 »
Torry.Yao
3年前 (2016-05-30) 1375浏览 0评论
2个赞
![我的 Chrome 插件集[转载]](http://yaohuitao.com/wp-content/themes/Git/timthumb.php?src=http://yaohuitao.com/wp-content/uploads/2017/11/2017112801572145.jpg&h=123&w=200&q=90&zc=1&ct=1)
