WEB前端的 Sublime Text 3 常用配置
SublimeText 3
作为我的第一款代码编辑器,界面清新简洁,使用上我还是非常喜欢的。
下边我将我自己使用的配置分享给大家。
然后重启你的 Sublime Text3
1、下载 SublimeText 3
2、注册码
Sublime Text 3 3126 注册码 (测试通过)
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
3、安装 package control
组件
按 Ctrl+
调出 console
,粘贴以下代码到命令行并回车:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
2、安装插件
下面是我自己比较常用的插件
ChineseLocalizations
汉化,不用多介绍了吧。不会中文就只能整这个了...
Emmet
官方提供的
Sublime Text
扩展
它使用仿CSS
选择器的语法来生成代码,大大提高了HTML/CSS
代码编写的速度AllAutocomplete
可以搜索全部打开的标签页 自动补全
Sublime Text
默认的Autocomplete
功能只考虑当前的文件,而AllAutocomplete
插件会搜索所有打开的文件来寻找匹配的提示词。DocBlockr
当输入/**并且按下Tab键的时候 会自动解析函数并且为你准备好合适的模板
AutoFileName
自动补全文件路径-非常方便。没有废话。
HTML5
使
Sublime Text3
支持HTML5
LESS
LESS
代码高亮插件SASS
SASS
代码高亮插件SCSS
SCSS
代码高亮插件jQuery
jQuery
代码智能提示插件Tag
HTML/XML
标签缩进、补全和校验Babel
支持
ES6
、JSX
语法高亮。CSScomb
CSS
代码风格格式化.ctrl+shift+c
基于nodeJS
下的CSScomb
的插件:$ npm install -g CSScomb
JsFormat
JavaScript 代码格式化插件
快捷键ctrl+alt+f
HTML-CSS-JS Prettify
HTML
+CSS
+JAVASCRIPT
+JSON
快速格式化
快捷键Ctrl+Shift+H
Alignment
代码对齐插件
快捷键ctrl+alt+a
BracketHighlighter
括号高亮匹配
SideBarEnhancements
为侧边栏添加很多额外的功能
LiveReload
让页面即时刷新
Git
整合
Git
功能的插件ColorPicker
跨平台取色器插件
快捷键ctrl+shift++alt+c
SublimeLinter
代码校验插件,支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言
常用一下插件
SublimeLinter-jshint
SublimeLinter-jsxhint
SublimeLinter-csslint
SublimeLinter-contrib-eslint
需要npm安装一些依赖
$ npm install -g eslint $ npm install -g csslint $ npm install -g babel-eslint $ npm install -g eslint-plugin-react $ npm install -g jsxhint