Sublime text 3 3126配置教程(搭配Wampserver)

  • A+
所属分类:前端开发

 

6月13

果然上次的回滚还是丢失了几遍文章,今天才发现.....

只好从百度的快照再回复了吧

 

2017年10月12日

重新整理了下:建议看看这篇

Sublime Text 3最新版简单配置

 


 

今天推荐一个代码编辑神器——Sublime text,关于sublime请自行百度

自接触代码起,使用的编辑器一直是Sublime。期间也使用过其他的编辑器,但都感觉没有sublime好些,纯小白观点哈

图文可能略长,介意请直接点击下面直达

1、安装 - 改成便携版

2、配置

3、与wampserver的配置

 

软件版本:Sublime text 3-3126_64 bit

运行平台:win10

官方下载地址:http://www.sublimetext.com/3

如果觉得下载太慢,可以在本站下载:点击下载   提取码:yfbk(为防和谐)

首先下载安装,选择安装目录,

Sublime text 3 3126配置教程(搭配Wampserver)

问是否添加到资源管理器的上下文菜单,可点可不点,接下来install,几秒钟即Finish
Sublime text 3 3126配置教程(搭配Wampserver)

接下来我们在安装目录找到sublime_text.exe,双击打开。这时候是没有注册的
Sublime text 3 3126配置教程(搭配Wampserver)

复制下面注册码,粘贴到 help→Enter License,按Use License→确认,即可注册

Markup

  1. —– BEGIN LICENSE —–
  2. Michael Barnes
  3. Single User License
  4. EA7E-821385
  5. 8A353C41 872A0D5C DF9B2950 AFF6F667
  6. C458EA6D 8EA3C286 98D1D650 131A97AB
  7. AA919AEC EF20E143 B361B1E7 4C8B7F04
  8. B085E65E 2F5F5360 8489D422 FB8FC1AA
  9. 93F6323C FD7F7544 3F39C318 D95E6480
  10. FCCC7561 8A4A1741 68FA4223 ADCEDE07
  11. 200C25BE DBBC4855 C4CFB774 C5EC138C
  12. 0FEC1CEF D9DCECEC D3A5DAD1 01316C36
  13. —— END LICENSE ——

Sublime text 3 3126配置教程(搭配Wampserver)
Sublime text 3 3126配置教程(搭配Wampserver)

修改成便携版

因为sublime插件默认是安装在系统盘的,这对于以后的备份与移动都是非常不方便的。在安装目录新建一个 Date 即可

Sublime text 3 3126配置教程(搭配Wampserver)

--------安装结束--------

2、配置

安装完成后基本就可以使用了,但是sublime可不单单止于此。工欲善其事,必先利其器

首先要安装最为重要的Package Control组件,

按Ctrl+`调出console(注:有的输入法的这个快捷键会有冲突的,可以切换成其他的输入法

粘贴以下代码到底部命令行并回车:

Markup

  1. import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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

你是sublime 2就复制2的,是3就复制3的。

Sublime text 3 3126配置教程(搭配Wampserver)Sublime text 3 3126配置教程(搭配Wampserver)

重启下sublime,如果在 Preferences下看到Package Control,说明你安装成功了

Sublime text 3 3126配置教程(搭配Wampserver)

下面介绍下常用的插件

打开Package Control,快捷键Ctrl+Shift+p ,点击Inatall Package ,后者输入inatall点击

安装第一个插件:emmet(输入后回车)

对于插件的快捷键与用法,等有空会详细写下。大家可以百度

功能说明:Emmet的前身是大名鼎鼎的Zen codin。前端开发必备,HTMLCSS代码快速编写神器。

使用方法:默认快捷键 Tab

Sublime text 3 3126配置教程(搭配Wampserver)Sublime text 3 3126配置教程(搭配Wampserver)Sublime text 3 3126配置教程(搭配Wampserver)

推荐几个不错的插件

  1. emmet(前端神器)
  2. chinaLocalizations(汉化插件)
  3. ConvertToUTF8(编码自动转换)
  4. IMESupport(输入法跟随)
  5. SideBarEnhancement(侧边栏增强)
  6. SublimeCodeIntel(代码提示与补全)
  7. SublimeLinter(错误语法)
  8. Bracket Highlighter(匹配括号)
  9. colorpick(调色板)
  10. JsFormat(代码格式化)

下面放下我自己用的Sublime,可以自行修改

百度云(17/8/17更):[button]点击下载[/button]     密码:gvye(为防和谐)

--------配置结束--------


3、与wampserver的配置

友好的编辑界面

待补充......

有问题可以下面留言或者加我QQ

睡觉了哈

  • 扫扫关注公众号
  • weinxin
  • 扫扫体验小程序
  • weinxin
亦枫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: