Sublime Text——入门要领

导语:

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来。

Sublime Text——入门要领_第1张图片
Sublime Text

一、认识背景

为了能够顺从大势所趋,我也入了前端的坑,所谓工欲善其事必先利其器,所以如何学习好一门语言,好的开始是从代码编辑工具开始,Sublime text在前端开发中也越来越占用比例也越来越重,这里大概简述入门工具需要注意的一些常用问题以及解决方案。

问题一:Sublime text在文本内容或文件名对中文的乱码现象如何解决?

在Windows上使用Sublime Text 3的时候,发现一些txt文本打开以后,中文都是乱码,如下图。


Sublime Text——入门要领_第2张图片
图1

方法一:拷贝插件

启动软件,点击Preferences > Browse Packages,此时会打开插件安装目录。把ConvertToUTF8文件夹解压到目录,最后重启软件。

Sublime Text——入门要领_第3张图片
Packages目录

方法二:安装插件(推荐)

直接利用快捷键Ctrl+~或者点击如下窗口选择Show Console进入命令行窗口

Sublime Text——入门要领_第4张图片
Show Console
Sublime Text——入门要领_第5张图片
命令行窗口

在窗口输入如下代码,回车,等待安装完成,代码如下,具体对应版本可以查询 https://packagecontrol.io/installation

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())

几秒后包管理工具Package Control就安装完成,重启后选择菜单Preferences > Package Control
在包管理窗口输入Install命令,选择Install Package。在随后弹出窗口中输入ConvertToUTF8。

Sublime Text——入门要领_第6张图片
Install Package
Sublime Text——入门要领_第7张图片
ConvertToUTF8

安装完成后,会打开一个文档提示。检查菜单栏发现安装成功
Sublime Text——入门要领_第8张图片
Sublime Text——入门要领_第9张图片

至此文本内容展示中文乱码问题已解决,如果发现标题文件名称依然出现中文乱码情况,可根据如下设置:
Sublime Text——入门要领_第10张图片
中文文件名称乱码

问题二:Sublime text如何让菜单汉化?

解决这个问题根本不需要去寻找汉化版,因为Sublime text已经有提供相应的汉化插件,直接在Package Control输入Install Package,可参考问题一 > 方法二,在弹出的输入框中输入Chineselocalizations,如下:

Sublime Text——入门要领_第11张图片
汉化

安装成功后会弹出文本提示,如下。
Sublime Text——入门要领_第12张图片
汉化成功

可在 帮助中切换 Language选择其他语言。

问题三:Sublime text如何支持Markdown编辑与显示?

作为爱好编写文字的发烧友怎么可以少得了Markdown的编写,所以怎么才能让Sublime text更加强大,能够支持更多功能呢, 小编又一番搜索了下,发现在Sublime Text中有相应插件可以支持编写MarkdownEditing、预览Markdown Preview,具体安装步骤如下:

  • MarkdownEditing的支持

直接在Package Control输入Install Package,可参考问题一 > 方法二,在弹出的输入框中输入 MarkdownEditing,如下图,安装即可。

Sublime Text——入门要领_第13张图片
MarkdownEditing

  • Markdown Preview的支持

直接在Package Control输入Install Package,可参考问题一 > 方法二,在弹出的输入框中输入 Markdown Preview,如下图,安装即可。

Sublime Text——入门要领_第14张图片
Markdown Preview

快速查看Markdown 可用快捷键 Ctrl+Alt+P弹出命令行中输入 Markdown Preview或者输入 mdp,选择 Markdown Preview:Preview in Browser,此时会弹出 GitHubMardown两个选项。

  • GitHub选项意味着使用GitHub的在线API来解析.md文件。它的解析速度取决于你的联网速度。据称有每天60次访问的限制。但能免费获得GFM格式的语法支持和EMOJI表情的支持。
  • Mardown选项采用默认浏览器mardown解析
    此处因为常用可在Preferences -> Key Bindings User配置自己的快捷方式

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }

相关文章阅读:

  • Sublime Text 2、Sublime Text 3 正确显示中文
  • Sublime text 3 中文文件名显示方框怎么解决?
  • sublime-text3打造markdown编辑器

你可能感兴趣的:(Sublime Text——入门要领)