Sublime Text 3操作基本简介

学习笔记 马富天 2016-05-19 08:23:05 82 0

【摘要】Sublime Text 3是一款非常优秀的代码编辑器。推荐使用。

一、Sublime Text 3的基本安装步骤

1.Sublime Text下载,官方网址:http://www.sublimetext.com,并安装,安装之后需要输入注册码

2.输入注册码:

(1)点击:Help > Enter License

(2)提供下面几个Sublime Text 3的注册码,亲测可以使用

  1. 	第一个:
  2. 	========================================
  3. 	—– BEGIN LICENSE —–
  4. 	Michael Barnes
  5. 	Single User License
  6. 	EA7E-821385
  7. 	8A353C41 872A0D5C DF9B2950 AFF6F667
  8. 	C458EA6D 8EA3C286 98D1D650 131A97AB
  9. 	AA919AEC EF20E143 B361B1E7 4C8B7F04
  10. 	B085E65E 2F5F5360 8489D422 FB8FC1AA
  11. 	93F6323C FD7F7544 3F39C318 D95E6480
  12. 	FCCC7561 8A4A1741 68FA4223 ADCEDE07
  13. 	200C25BE DBBC4855 C4CFB774 C5EC138C
  14. 	0FEC1CEF D9DCECEC D3A5DAD1 01316C36
  15. 	—— END LICENSE ——
  16. 	========================================
  17. 	第二个:
  18. 	========================================
  19. 	—– BEGIN LICENSE —–
  20. 	Nicolas Hennion
  21. 	Single User License
  22. 	EA7E-866075
  23. 	8A01AA83 1D668D24 4484AEBC 3B04512C
  24. 	827B0DE5 69E9B07A A39ACCC0 F95F5410
  25. 	729D5639 4C37CECB B2522FB3 8D37FDC1
  26. 	72899363 BBA441AC A5F47F08 6CD3B3FE
  27. 	CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D
  28. 	0CC513E7 52FF2333 9F726D2C CDE53B4A
  29. 	810C0D4F E1F419A3 CDA0832B 8440565A
  30. 	35BF00F6 4CA9F869 ED10E245 469C233E
  31. 	—— END LICENSE ——
  32. 	========================================
  33. 	第三个:
  34. 	========================================
  35. 	—– BEGIN LICENSE —–
  36. 	Anthony Sansone
  37. 	Single User License
  38. 	EA7E-878563
  39. 	28B9A648 42B99D8A F2E3E9E0 16DE076E
  40. 	E218B3DC F3606379 C33C1526 E8B58964
  41. 	B2CB3F63 BDF901BE D31424D2 082891B5
  42. 	F7058694 55FA46D8 EFC11878 0868F093
  43. 	B17CAFE7 63A78881 86B78E38 0F146238
  44. 	BAE22DBB D4EC71A1 0EC2E701 C7F9C648
  45. 	5CF29CA3 1CB14285 19A46991 E9A98676
  46. 	14FD4777 2D8A0AB6 A444EE0D CA009B54
  47. 	—— END LICENSE ——
  48. 	========================================
  49. 	第四个:
  50. 	========================================
  51. 	—– BEGIN LICENSE —–
  52. 	Alexey Plutalov
  53. 	Single User License
  54. 	EA7E-860776
  55. 	3DC19CC1 134CDF23 504DC871 2DE5CE55
  56. 	585DC8A6 253BB0D9 637C87A2 D8D0BA85
  57. 	AAE574AD BA7D6DA9 2B9773F2 324C5DEF
  58. 	17830A4E FBCF9D1D 182406E9 F883EA87
  59. 	E585BBA1 2538C270 E2E857C2 194283CA
  60. 	7234FF9E D0392F93 1D16E021 F1914917
  61. 	63909E12 203C0169 3F08FFC8 86D06EA8
  62. 	73DDAEF0 AC559F30 A6A67947 B60104C6
  63. 	—— END LICENSE ——
  64. 	========================================	

3.package control安装:

(1)点击View > Show Console

(2)在网址https://packagecontrol.io/installation中下载导入命令

Sublime Text 3导入命令的是:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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(' ', ' ')).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)

(3)重启Sublime Text 3

4.emmet安装:

(1)按Ctrl+Shift+P进入命令板

(2)输入PCIC,回车进入Package Control:install

(3)输入Emmet和Emmet Css

(4)安装完毕以后,即可快速生成代码了。

5.汉化

从网上下载Sublime Text 3的汉化包,下载地址:http://pan.baidu.com/s/1bARw4Y

步骤:(1)点击Preferences > Browse Packages

(2)在打开的文件夹中返回上一层,把Default.sublime-package(汉化文件)直接放入Installed Packages文件夹中,即汉化完毕。

二、Sublime Text 3的基本使用(含快捷键)

1.输入"!"或者"html:5",然后按Tab键,自动生成html标签

另外:html:4s HTML4文档类型

html:xt XHTML过渡文档类型

2.添加ID、Class和文本内容

  1. p#foo:
  2. <p id="foo"></p>
  3. p.foo:p:
  4. <p class="foo"></p> 
  5. h1{foo}:
  6. <h1>foo</h1>

3.嵌套

  1. 子元素p>b:
  2. <p><b></b></p>
  3. 同级标签p+b:
  4. <p></p>
  5. <b></b>
  6. 使该符号前的标签提升一行p^b:
  7. <p></p>
  8. <b></b>

4.生成多少子元素

  1. ul>li*3:
  2. <ul>
  3. 	<li></li>
  4. 	<li></li>
  5. 	<li></li>
  6. </ul>
  7. ul>li.item*3:
  8. <ul>
  9. 	<li class="item"></li>
  10. 	<li class="item"></li>
  11. 	<li class="item"></li>
  12. </ul>

5.CSS排序

CSS属性的顺序一般不重要,因为无论何种顺序浏览器都能正确渲染。但排序所有的属性还是有助于代码的整洁。在Sublime Text中,选中CSS属性后按F5就可以按字母顺序排序。

6.JavaScript代码提示步骤

(1)ctrl+shift+p

(2)输入pcic,回车,并等待一段时间

(3)输入sublimeCodeIntel,回车即可

(4)重启Sulime Text 3,安装完成

7.快捷键

ctrl+d:选中文本中所有相同的单词

ctrl+l:选中一行

ctrl+a:全选

ctrl+x:剪切一行

ctrl+c:复制一行

ctrl+v:粘贴

最后,需要注意的是:输入注册码的时候,要黏贴包括—– BEGIN LICENSE —–和—– END LICENSE —–之间的所有内容,并且不能前面不能够有空格,粘贴复制的时候可能会出现格式的变化,需要把前面的空格去掉。

版权归 马富天个人博客 所有

本文标题:《Sublime Text 3操作基本简介》

本文链接地址:http://www.mafutian.com/118.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

2

0

上一篇《 JavaScript中6个正则匹配总结(test/match/search/replace/split/exec) 》 下一篇《 jQuery实现选项卡 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多