安装完成后的sublime text,功能单纯地就像笔记本,然而,可以下载对应的插件,使得sublime text不仅仅局限于某一单一语言的编写,此处只提及到前端方面的使用,下面是前端一般使用到的插件: 首先,你需要安装package control才可以安装插件,安装package control的方法有两种, 第一种:打开package control的下载网站:https://packagecontrol.io/installation,复制对应版本的import代码,打开sublimeT…

sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~,然后输入下面这个. ---------------------------- import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';…

VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name":…

安装Package Control 在安装插件之前,需要让sublime安装Package Control.打开Sublime Text的控制台,快捷键ctrl + ~,在控制台中输入以下代码. import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; i…

1,docblockr     javascr 和 CSS快捷注释插件 在javascript中  写出函数后,/**+回车 就会出现下面函数注释补全. -----/** * @param {[type]} * @param {[type]} * @param {[type]} */function add(a,b,c) {    return a+b;} ------- /*+回车会自动补全注释块 /* */ ------ /**+回车会自动补全注释块 /** * * */ =========…

一. 语法支持 1. Language-label Ø ES2016.ESNext.JXS语法扩展 2. Language-postcss Ø Postcss语法高亮 二. 自动补全 1. Autocomplete-modules Ø 模块名自动补全 2. Autocomplete-paths Ø 路径自动补全 3. Atom-ternjs Ø ES5.ES6.ES7.Node.js.jQuery.Angular等等JS代码自动补全 4. Emmet Ø 快速手写 HTML, CSS, Sass…

为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端project师捧红的,所以装上这个嘛,主要不是自己须要使用Node.js而是一堆工具对他的依赖. Windows下安装步骤非常easy: 1.去到http://nodejs.org/下载最新的安装包…

1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效.今天我们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画,它同样有着3D立体的视觉效果,同时波浪在起伏时也伴随的浪花汹涌的动画特效,看上去非常炫酷. 在线演示 源码下载 2.jQuery实现Tooltip弹出样式的分享按钮 这是一款比较实用而美观的jQuery分享按钮插件,和前面…

前言 这篇文章只要让你做一些基础的配置,把vscode变得更加顺手: 插件的需求不是一成不变,有些插件我已经移除了..在最新的VSCODE 1.9.1中, 部分以前用插件实现的功能已经集成了,那就没有必要存在了.这里就不做推荐了 必备插件 功能性 Auto Close Tag : 匹配标签,关闭对应的标签.很实用[HTML/XML] Auto Rename Tag : sublime和webstorm也有这个内置功能,改变标签的时候同时改动开闭合标签:[HTML/XML] beautify :…

webpack入门--前端必备 什么是 webpack? webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理.我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但这不用我们理会,因为 webpack 有着各种健全的加载器(loader)在处理这些事情. 为什么要使用 webpack? 很简单的一个道理,难道写react的同学会不用它…