开发者工具使用Babel编译ES6 Babel is a JavaScript compiler. 对于前端来说ES2015,ES2016,TypeScript这些已经不再是陌生的名词,不然就得好好补补课了。 但是这些还没有完全被浏览器... 06月23日 122 发表评论 阅读全文
开发者工具使用Vagrant和VirtualBox一步步地创建一个Base Box Vagrant和VirtualBox软件的安装步骤省略,去官网下载最新的版本然后下一步下一步地安装就行了,和正常的安装软件没有什么区别。下面看看利用vagrant和virtualbox如果一步步打造出... 04月06日 359 2 阅读全文
开发者工具让chrome console控制台支持jquery方法 如果在页面没有使用jquery库的时候,在chrome的console控制台只能使用$选择器,不能使用jquery的方法。为了调试方便,可以手动的为页面引入jquery库。 在控制台输入以下代码片段:... 09月09日 1,764 发表评论 阅读全文
开发者工具对npm的理解 是node.js的包管理器,安装好node.js后在node_modules目录下就会有npm。npm目录下有个package.json文件,模块在这个里面,然后npm install的时候根据这个文... 05月19日 633 1 阅读全文
开发者工具Sublime Text 3 编译 Sass 总结 Sass 和 SCSS 有什么区别? Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: 文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 ... 05月19日 2,442 发表评论 阅读全文
开发者工具sublime text 3 配置编译js环境(Windows) 先来张内涵图 第一步:安装配置node.js环境 去node.js官网下载安装包,我一般是安装在D盘根目录,安装过程很简单,网上有很多教程。 安装完成后,win+r 打开cmd 输入 node -v ... 04月10日 3,125 1 阅读全文
开发者工具使用SublimeLinter检查Javascript与CSS代码 1.什么是linter? linter是用来检查代码是否符合规则的工具,例如检查Javascript代码的jshint工具,你可以设置其规则"eqeqeq":true,那么如果在你的代码... 02月03日 693 发表评论 阅读全文
开发者工具像 Sublime Text 一样使用 Chrome DevTools 介绍 本文将告诉大家如何把我们已经熟悉的 Sublime Text 技巧应用到另一个强大的工具 Chrome DevTools 上。 DevTools, JSBin 和 Codepen 这些现代工具都... 01月20日 490 发表评论 阅读全文
开发者工具一个前端程序猿的Sublime Text3的自我修养 详细设置 && 20+插件 为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快,多行选择。 插件,简直选不过来。 代码片段 VIM兼... 01月01日 577 发表评论 阅读全文
开发者工具Chrome插件开发,只要你敢露我就敢抓 “只要你敢露我就敢抓。”多么霸气的一句话,是多少男人梦寐以求的事,特别是看到美女的时候,哈哈,开个玩笑。我们言归正传,目前抓站越来越难,特别是现在很多内容是通过js加载或者是乱起八糟的东西拼凑出来,酷... 12月30日 482 发表评论 阅读全文