最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

2.Sublime安装教程

HTML语言学习 林雍岷 254浏览

为了编写和编辑HTML代码,你需要一个文本编辑器。Sublime Text是一个轻量级的文本编辑器,具备有IDE的许多功能。Sublime Text收费,但可以无限期试用,是比较好用的文本编辑器,Sublime具有漂亮的用户界面和强大的功能。

Sublime Text编辑器支持以下主要操作系统:

  • Windows
  • Linux及其发行版
  • OS X

要安装Sublime Text, 首先要到官方网站下载Sublime Text 3的Windows版安装程序。

以下将学习在各种操作系统上安装Sublime Text。

Windows安装Sublime

在Windows上安装Sublime Text你必须按照下面显示的步骤操作:

Total Time: 3 minutes

Sublime官方网站下载.exe软件包

从Sublime官方网站下载.exe软件包( https://www.sublimetext.com/3 )。
2.Sublime安装教程 sublime安装教程

下载好运行可执行文件

这定义了环境变量,当你运行可执行文件时,可以在屏幕上看到以下窗口,点击下一步 (Next) 。
2.Sublime安装教程 sublime安装教程

选择安装Sublime Text 3目标位置

点击选择安装Sublime Text 3目标位置后,然后单击下一步(Next)。
2.Sublime安装教程 sublime安装教程

确认安装目标文件夹

安装目标文件夹确认后单击安装(Install)按钮。
2.Sublime安装教程 sublime安装教程

完成安装

单击完成(Finish)以完成安装。
2.Sublime安装教程 sublime安装教程

成功安装编辑器界面

成功安装后,编辑器将如下图所示。
2.Sublime安装教程 sublime安装教程

Linux安装Sublime

你必须按照下面显示的步骤在Linux的Ubuntu发行版上安装Sublime Text。

第一步:使用终端命令行,输入下面命令安装Sublime Text编辑器的软件包:

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

第二步:使用以下命令更新软件包:

sudo apt-get update

第三步:使用以下命令安装Sublime Text:

sudo apt-get install Sublime-Text

成功执行上述命令后,你会发现Sublime Text编辑器已安装在Ubuntu系统了。

OSX安装Sublime

在OSX操作系统安装Sublime text:

一、下载Sublime Text Editor的.dmg文件;

二、将其打开并拖放到“Applications”文件夹中;

三、启动应用程序。

Sublime设置中文

Sublime怎么设置中文,sublime没有汉化版,我们可以通过控制包安装汉化语言包来实现汉化。

Sublime汉化包手动安装

把汉化包复制到Sublime Text 3/Packages文件夹:

苹果操作系统(OSX

git clone -b st3 https://github.com/rexdf/ChineseLocalization.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/ChineseLocalization

微软系统Windows

git clone -b st3 https://github.com/rexdf/ChineseLocalization.git "%APPDATA%\Sublime Text 3\Packages\ChineseLocalization"

Ubuntu Linux系统

git clone -b st3 https://github.com/rexdf/ChineseLocalization.git ~/.config/sublime-text-3/Packages/ChineseLocalization

或者我们以zip格式下载将其重命名为ChineseLocalization.sublime-package并将其放入Data\Installed Packages(仅适用于Sublime Text 3)。你需要重新解压并打包,以确保ChineseLocalization.sublime-package根目录(而不是ChineseLocalization-st3文件夹)中的所有文件。 或者将它们解压缩到Data/Packages文件夹中的ChineseLocalization文件夹(可以通过单击主菜单Preferences\Browse Packages …打开该文件夹)。

程序包控制安装Sublime汉化包

建议使用sublime版本3124以上,单击Menu Tools\Install Package Control,然后Menu Preferences\Package Control,install Chinese​Localizations,请看下图动画。

2.Sublime安装教程 sublime安装教程

使用Sublime编写Hello world

<h1>Hello world
文字放在这里

Hello world 文字放在这里
<h1>Hello world</h1>
<!--用paragraph元素:-->
<p>文字放在这里

上述HTML代码运行结果得出两个知识点。

一、浏览器能够辨认出字体的尺寸和粗细

浏览器本身自带有默认样式,浏览器读取到h1的时候,就会用默认的font-size,font-weight展示。浏览器会根据元素名称不同留不同的间距,浏览器的默认外边距空白就是我们常说的层叠样式表,简写CSS(Cascading Style Sheets),外边距的空白在CSS里面叫做margin。

二、强调元素(Emphasis Element)

em元素:斜体;
strong元素:加粗。

养成使用HTML的意识

ms word输入段落回车就行了,记住我们现在使用的是sublime文本编辑器,我们现在是用html,我们需要用html元素来编辑文本,不是使用微软的word软件。

转载请注明:林雍岷 » 2.Sublime安装教程