Sublime Text的使用代码块安装的模块
时间： 14:05:51
&&&& 阅读：221
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&在众多的开发工具IDE当中。作者现在唯独深爱sublime text(以下简称st)。以前做后台开发使用visual studio(以下简称vs),以及实行前后端分工也是配合后台使用vs.这里要讲述两个概念：前后端分离与前后端分工。分离是指：前端独立完成搭建前端系统。数据只需要后端提供API接口调用即可。前端渲染HTML页面（俗称前端开发工程师）。分工是指按照设计切成静态页面，写一些交互js,配合后端完成项目开发。服务端渲染HTML页面（俗称页面仔）。在全职做前端的时候，也尝试使用webstorm(以下简称ws)，在学校偶尔用过dreamweaver(以下简称dw)。个人感觉dw的界面丑陋不堪。一点都没有逼格。作为一名前端开发工程师，当然要选用逼格高一点的开发工具。目前前端开发工具比较出名的使用比较普遍的也就是st和ws了。现在说说st的优点：1.界面炫酷。2.高亮颜色好看。3.轻量小巧。作者语录：装逼从点滴开始，从现在开始。从开发工具开始。写代码一定要风骚。作为一名逼格高的程序猿，必须要有好的开发工具。正如高手都有一把属于自己的武器。惊羽的斩龙剑。小凡的摄魂棍，雪琪的天琊神剑。书书的武器那是百宝箱啊。青云f4.
一、Package Control的安装
在st所有的插件当中。一定要先安装package control。可以理解为插件安装包的管理器吧。所有的插件都是通过这这里面下载安装的。
1.按下Ctrl + ~ 调出st的控制台
2.复制以下代码到控制台
&& a.适合st3:
import urllib.request, 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())
& b.适合st2:
import urllib2, pf=‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else N urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb‘ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/‘ +pf.replace( ‘ ‘,‘%20‘ )).read()); print( ‘Please restart Sublime Text to finish installation‘)
3.按下Ctrl + Shift + p 输入pci选中Install Package回车。会弹出一个输入框。以后的插件都在这里面安装。有时候调出输入框的时候很久。注意下面状态栏的=符号来回跑动说明正在处理当中
二、SVN插件的安装
在项目开发当中怎么少得了svn的使用。除非你一个人能开发完成项目
1.前提是你电脑当中已安装svn。这里相当于设置快捷键调用svn
2.复制以下代码到控制台（Ctrl + ~）
&& a.适合st3:
urllib.request,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(‘ ‘,‘ ‘)).read())
&& b.适合st2:
urllib2,pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNurllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler()));open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘ ‘)).read());print(‘Please restart Sublime Text to finish installation‘)
3.在网上下载SubLime Texe2/3的SVN插件
4.点击Preferences - 浏览资源包
5.在文件资源管理器中。新建svn文件夹。将下载好的svn插件放入到svn文件夹里面
6.在项目文件右键插件是否有svn commit ，svnupdate 检验是否安装成功
三、代码语法检查插件
1.按下 Ctrl + Shift + p输入pci选中Install Package回车
2.输入sublimeLinter进行安装
3.安装完成后继续按下 Ctrl + Shift + p输入pci选中Install Package回车。
4.输入SublimeLinter-jshint进行安装
5.由于jshint组件依赖于nodejs里面的jshint.所以在nodejs环境下必须全局安装jshint.& 在cmd窗口执行 npm install -g jshint& 使用jshint -v 查看其版本检验是否安装成功
6.如果没有安装nodejs环境，上面第五点是运行不起的。接下来简要说明一下安装nodejs环境。如果已安装可忽略直接下一步
&& a.进入官网下载相应的系统。下面以window为例
&& b.进行傻瓜式的下一步操作直到完成。
&& c.记住要配置环境变量
&& d.使用node -v && npm -v 查看其版本检验是否安装成功
7.安装css代码校验也是同样。进入插件库里面安装sublimeliter-csslint插件
8.nodejs环境下也要安装csslint。在cmd窗口执行 npm install -g csslint
9.配置：在preferences-Pageckage Settings-SublimeLinter-Settings-User粘贴下面代码就OK
"debug": false,
"delay": 0.25,
"error_color": "D02000",
"gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
"gutter_theme_excludes": [],
"lint_mode": "background",
"linters": {
"jshint": {
"@disable": false,
"args": [],
"excludes": []
"mark_style": "outline",
"no_column_highlights_line": false,
"passive_warnings": false,
"paths": {
"linux": [],
"osx": [],
"windows": []
"python_paths": {
"linux": [],
"osx": [],
"windows": []
"rc_search_limit": 3,
"shell_timeout": 10,
"show_errors_on_save": false,
"show_marks_in_minimap": true,
"syntax_map": {
"html (django)": "html",
"html (rails)": "html",
"html 5": "html",
"javascript (babel)": "javascript",
"magicpython": "python",
"php": "html",
"python django": "python",
"pythonimproved": "python"
"warning_color": "DDB700",
"wrap_find": true
&四、定制一段代码块
&1.tools - 新建代码片段(New Snippet)
&2.你会看到以下代码，首先不要懵逼
&content&&![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]&&/content&
&!-- Optional: Set a tabTrigger to define how to trigger the snippet --&
&!-- &tabTrigger&hello&/tabTrigger& --&
&!-- Optional: Set a scope to limit where the snippet will trigger --&
&!-- &scope&source.python&/scope& --&
&/snippet&
&解释以上代码
<span style="color: # &snippet&
<span style="color: #
&content&&![CDATA[ 你需要插入的代码片段${1:name},test,${2} ]]&&/content&
<span style="color: #
&!-- 可选：快捷键，利用Tab自动补全代码的功能 --&
<span style="color: #
&tabTrigger&cygnet&/tabTrigger&
<span style="color: #
&!-- 可选：使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。 --&
<span style="color: #
&scope&source.js&/scope&
<span style="color: #
&!-- 可选：在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。 --&
<span style="color: #
&description&My Fancy Snippet&/description&
<span style="color: # &/snippet&
${1:name}表示代码插入后，光标所停留的位置，可同时插入多个。其中:name为自定义参数（可选）
${2}表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。
3.保存在\Packages\User目录下（例 X:\Sublime Text 2.0\Data\Packages\User），文件命名为cygnet-code，后缀名.sublime-snippet。
4.打开一个HTML文件。输入cygnet按下tab会自动生成你定制的代码块
&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码！&>&&>&&>&&>&每位设计师都应该拥有的50个CSS代码片段 sublime text代码片段
每位设计师都应该拥有的50个CSS代码片段 sublime text代码片段
上传大小：43KB
每位设计师都应该拥有的50个CSS代码片段 sublime text代码片段
综合评分：4.4（7位用户评分）
所需积分：0
下载次数：92
审核通过送C币
创建者：chenfeng522111
创建者：qq
创建者：zhangguo5
课程推荐相关知识库
积分&118440
上传者其他资源上传者专辑
开发技术热门标签
VIP会员动态
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
android服务器底层网络模块的设计方法
所需积分：0
剩余积分：720
您当前C币：0
可兑换下载积分：0
兑换下载分：
兑换失败，您当前C币不够，请先充值C币
消耗C币：0
你当前的下载分为234。
每位设计师都应该拥有的50个CSS代码片段 sublime text代码片段
会员到期时间：
剩余下载次数：
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励20下载分
被举报人：
zhenjinsuo
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：哈哈，我也有着想法很久了，只是改了几个比较简单的快捷键，比如ctrl+d 还有代码补全的，楼主列的很全啊，收藏了
哈哈，我也有着想法很久了，只是改了几个比较简单的快捷键，比如ctrl+d 还有代码补全的，楼主列
哈哈，我也有着想法很久了，只是改了几个比较简单的快捷键，比如ctrl+d 还有代码补全的，楼主列的很全啊，收藏了
从eclipse转过来的朋友们应该都会有过这样的想法, 本打算将这个keymap的配置作为一个插件的, 但发现似乎作为插件来配置keymap的优先级不够, 有些快捷键出不来, 就作罢了, 也有可能是我的方法不对吧.
从eclipse转过来的朋友们应该都会有过这样的想法, 本打算将这个keymap的配置作为一个插件的, 但
从eclipse转过来的朋友们应该都会有过这样的想法, 本打算将这个keymap的配置作为一个插件的, 但发现似乎作为插件来配置keymap的优先级不够, 有些快捷键出不来, 就作罢了, 也有可能是我的方法不对吧.
我感觉有一点sublime text 不是很好，安装了一个新的插件，根本不知道这个插件的核心功能的快捷键是什么，比如我安装过一个format sql的插件，安装以后不知道format sql的快捷键是什么，只能在菜单里面一点点找，而且插件多了快捷键还会冲突，我的想法是把功能几个强大的插件装上，然后统一分配快捷键，打造属于自己的sublime text 2，不过好像你已经做了这件事。。。
我感觉有一点sublime text 不是很好，安装了一个新的插件，根本不知道这个插件的核心功能的快捷
我感觉有一点sublime text 不是很好，安装了一个新的插件，根本不知道这个插件的核心功能的快捷键是什么，比如我安装过一个format sql的插件，安装以后不知道format sql的快捷键是什么，只能在菜单里面一点点找，而且插件多了快捷键还会冲突，我的想法是把功能几个强大的插件装上，然后统一分配快捷键，打造属于自己的sublime text 2，不过好像你已经做了这件事。。。
这个安装插件后没有提示的问题, 确实有那么点不爽, 不过我一般在不知所措的时候就会去读插件的README文档, 一般都会有说明了, 再有就是去看插件的网站介绍了.
对于快捷键冲突的问题, 总是不那么好取舍的, sublime text本身就支持key bingings - User这个应该是最高优先级的吧, 所以你就可以在这里随便定义自己喜欢的快捷键了
LZ你是我苦苦追寻的好人啊，找好久了。一个eclipse，一个SI，一个ST。脑袋全乱了。
LZ你是我苦苦追寻的好人啊，找好久了。一个eclipse，一个SI，一个ST。脑袋全乱了。
LZ你是我苦苦追寻的好人啊，找好久了。一个eclipse，一个SI，一个ST。脑袋全乱了。
帮助别人就是帮助自己, 对你有用是我最大的鼓励
兄台对sublime研究很深啊。不错。我平时喜欢用vim。
兄台对sublime研究很深啊。不错。我平时喜欢用vim。
兄台对sublime研究很深啊。不错。我平时喜欢用vim。
也没研究什么了, 就是把平常的习惯都总结下罢了, 用VIM的一样是各种折腾啊
文中得图片，不能正确显示了，微博有防盗链，
文中得图片，不能正确显示了，微博有防盗链，
文中得图片，不能正确显示了，微博有防盗链，
对于防盗链的图片, 请大家在链接那里选择&在新标签页中打开链接&, 即可正常浏览GIF图片了
有没有Java自动补全的插件啊？我用ST3写Java代码提示特别少
有没有Java自动补全的插件啊？我用ST3写Java代码提示特别少
有没有Java自动补全的插件啊？我用ST3写Java代码提示特别少
如果是想做Java开发, 还是建议用eclipse或者IDEA, 功能强大毋庸置疑
好东西，哈哈！Java没有。
难道都是从java到web了。。。。。 - -！
没找见插件下载啊...
(湖南长沙)
weibo: /ufologist slideshare: slideshare.net/ufologist gith...
U_U的最新日记
······
&(4人喜欢)
······
你是一本读不完的书 · 635条内容
这一天，你在干什么？ · 331条内容
关注权力关系下的性侵受害者 · 342条内容
星斗其文，赤子其人 · 247条内容
打包记忆，挥别过去 · 902条内容
聊聊你的家乡话 · 1159条内容
推荐这篇日记的豆列
······
&(1人关注)