设为首页 收藏本站
查看: 840|回复: 0

[经验分享] 在windows7 上安装 Sublime Text 3 及其插件

[复制链接]

尚未签到

发表于 2017-2-23 10:13:05 | 显示全部楼层 |阅读模式
1、下载地址:http://www.sublimetext.com/3
  请根据你的平台,选择适当的安装版本
  安装完毕后,设定TAB键为4个空格( Preferences——>Setings-User ):



{
"tab_size": 4,
"translate_tabs_to_spaces": true,
"font_size": 11,
"ignored_packages":
[
"Vintage"
]
}

2、安装插件管理器(Package Control)
  依次点击菜单栏上的view(查看)——>show console(显示控制台) 菜单,然后在粘贴一下Python代码到你的文本控制台,
按下enter键,稍等几分钟。
  Python代码:



import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
  以上安装方法比较简单,还有手动安装方法,请到官网查看:https://packagecontrol.io/installation#st3

打开Packages目录,Preferences > Browse Packages 就可以进入这个目录。
$ cd Packages/
$ git clone https://github.com/wbond/sublime_package_control.git "Package Control"

3、安装Emmet插件(对写html代码非常方便)
  使用示例
例1:输入html:5,然后按下tab键,将得到下面的代码:



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
  例2:输入div#test,然后按下tab键,将得到下面的代码:



<div id="test"></div>
  例3:输入div.test*5,然后按下tab键,将得到下面的代码:



<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
  例4:输入div>h2+ul>li*5,然后按下tab键,将得到下面的代码:



<div>
<h2></h2>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
  更为详细的使用介绍:http://www.iteye.com/news/27580
  讲了那么多好处,下面介绍如何安装它?
  按下ctrl+shift+p组合键,或者点击 Preferences——>Package Control
  如下图;
DSC0000.png

  输入install package
DSC0001.png

  确定
DSC0002.png

  输入emmet
DSC0003.png

  安装成功后,提示如下,重启编辑器后继续完成安装。
DSC0004.png


4、安装LESS, SASS 插件
  以安装 SASS 插件为例,依照安装 emmet插件 的步骤,同理我们可以先安装 SASS,然后安装 SASS Build,如图:
DSC0005.png DSC0006.png

DSC0007.png

DSC0008.png

  
LESS安装同理,先安装LESS,后再安装 LESS Build。

5、安装 HTML-CSS-JS Prettify 插件
  插件安装同理上述,这里会遇到一个问题,执行 Pretty Code 时,会弹出如下框:
DSC0009.png

  提示,找不到nodejs的安装路径(需要安装nodejs),点击ok,修改即可,如图:
DSC00010.png


6、sublime text 3 3083 注册码



----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------
  更多注册码链接:http://9iphp.com/web/html/sublime-text-3-license-key.html
  :在安装插件的时候,有时会很慢,甚至提示:thare are no packages available for installation
  解决办法:需要在电脑的HOSTS文本中加入: IPv4地址 sublime.wbond.net,如:192.168.1.51 sublime.wbond.net
  详情请看:http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-available-for-installation
  转载请注明来源,谢谢!

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346062-1-1.html 上篇帖子: 在windows7 上安装 Sublime Text 3 及其插件 下篇帖子: 创建 Web 前端开发环境
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表