sublime text3安装以及插件配置教程
2017-01-25 15:34
344 查看
本文是安装的Sublime Text3是portable version(可移动版本) ,安装的环境是基于window 7 或者window 8.1。主要介绍sublime text3 的安装,汉化,常用插件的安装和使用!
一、下载安装sublime Text3
到官网http://www.sublimetext.com/3下载安装包(根据你的电脑系统下载对应的portable version),下载好st3后,然后不断的点击next,然后blablabla……就可以安装好了(我的系统的window8.1 64位,安装的目录D盘)
二、汉化sbulime Text3
安装完sublime text3 后,发现都是英文,四级没过的同学怎么办,当然是汉化!
2.1下载汉化安装包
地址:http://pan.baidu.com/s/1qWnBNvI
2.2安装汉化包(将汉化包拷到 Installed Packages 文件夹中)
进入:D:\Sublime Text3\Data\Installed Packages(根据你的安装目录去寻找Installed Packages,本文是安装在D盘),将刚刚下载的汉化包解压,得到的文件Default.sublime-package 拷贝到 Installed Packages 文件夹中,这个时候就会发现汉化成功啦!
三、安装Package Control
Package Control非常重要,因为这关系到后面的st3 安装包的使用,而Package Control 的安装有两种方法:
3.1通过控制面板安装
①点击工具栏的“查看”->”显示面板”(快捷键 是”ctrl+`”),
②到https://packagecontrol.io/installation官网,将对应的代码拷贝到显示面板中,然后回车。如果安装成功,那么就显示Package Settings 和Package Control 这两个项,
如果没有安装成功,那么建议用手动安装
3.2通过手动安装
①到https://packagecontrol.io/installation官网,右边有一个“Package Control.sublime-package”,点击下载,然后将文件拷贝到 Installed Packages文件夹中
四、安装st3常用的插件
对于st3,它之所以轻巧,是因为它设计就是为了让你按需加载,根据自己的需要,去下载对应的插件,所以才不会像其他的IDE那样笨重。安装插件步骤是:“Preferences -> Package Control”(快捷键是:shift+ctrl+p),然后执行“Package Control: Install Package”,接在就是输入你要安装的插件就可以,下面就说一下你个人常用的插件:
1、Emmet
作用:快速编写HTML,CSS代码
示例:html:5+tab,div#box+tab
2、SublimeCodeIntel
作用:代码提示插件,可以帮你补全代码,快速方便书写!大大提升效率!
示例:
3、jQuery
作用:在使用jQuery的时候,给出对应的方法和API的提示!
示例:
4、Alignment
作用:该插件是用来对齐的,当你在写js的时候,为了代码的美观,就需要用到这个插件!
快捷键:默认的是:ctrl+alt+a(与qq截图刚好冲突,建议修改)
示例:
5、DocBlocker
作用:快熟书写注释!
示例:
6、Jsformat
作用:js压缩文件的还原,但是遗憾的是变量名称是
快捷键:默认的是:ctrl+alt+f
示例:
7、Bracket Highlighter
作用:当你鼠标选中标签或者是某个片段代码的时候,对应的开头和闭合标签会高亮!
示例:
8、sublimeLinter
作用:提供js和css的语法检测!检测的标准是可以根据用户自定义的方式来执行!
9、View in Browser
作用:在浏览器中可以像dreamweaver 那样按下F12的时候在浏览器中浏览。
10、AutoFileName
作用:可以在你输入引用文件路径时给出提示,最典型的就是图片的引用
示例:
一、下载安装sublime Text3
到官网http://www.sublimetext.com/3下载安装包(根据你的电脑系统下载对应的portable version),下载好st3后,然后不断的点击next,然后blablabla……就可以安装好了(我的系统的window8.1 64位,安装的目录D盘)
二、汉化sbulime Text3
安装完sublime text3 后,发现都是英文,四级没过的同学怎么办,当然是汉化!
2.1下载汉化安装包
地址:http://pan.baidu.com/s/1qWnBNvI
2.2安装汉化包(将汉化包拷到 Installed Packages 文件夹中)
进入:D:\Sublime Text3\Data\Installed Packages(根据你的安装目录去寻找Installed Packages,本文是安装在D盘),将刚刚下载的汉化包解压,得到的文件Default.sublime-package 拷贝到 Installed Packages 文件夹中,这个时候就会发现汉化成功啦!
三、安装Package Control
Package Control非常重要,因为这关系到后面的st3 安装包的使用,而Package Control 的安装有两种方法:
3.1通过控制面板安装
①点击工具栏的“查看”->”显示面板”(快捷键 是”ctrl+`”),
②到https://packagecontrol.io/installation官网,将对应的代码拷贝到显示面板中,然后回车。如果安装成功,那么就显示Package Settings 和Package Control 这两个项,
如果没有安装成功,那么建议用手动安装
3.2通过手动安装
①到https://packagecontrol.io/installation官网,右边有一个“Package Control.sublime-package”,点击下载,然后将文件拷贝到 Installed Packages文件夹中
四、安装st3常用的插件
对于st3,它之所以轻巧,是因为它设计就是为了让你按需加载,根据自己的需要,去下载对应的插件,所以才不会像其他的IDE那样笨重。安装插件步骤是:“Preferences -> Package Control”(快捷键是:shift+ctrl+p),然后执行“Package Control: Install Package”,接在就是输入你要安装的插件就可以,下面就说一下你个人常用的插件:
1、Emmet
作用:快速编写HTML,CSS代码
示例:html:5+tab,div#box+tab
2、SublimeCodeIntel
作用:代码提示插件,可以帮你补全代码,快速方便书写!大大提升效率!
示例:
3、jQuery
作用:在使用jQuery的时候,给出对应的方法和API的提示!
示例:
4、Alignment
作用:该插件是用来对齐的,当你在写js的时候,为了代码的美观,就需要用到这个插件!
快捷键:默认的是:ctrl+alt+a(与qq截图刚好冲突,建议修改)
示例:
5、DocBlocker
作用:快熟书写注释!
示例:
6、Jsformat
作用:js压缩文件的还原,但是遗憾的是变量名称是
快捷键:默认的是:ctrl+alt+f
示例:
7、Bracket Highlighter
作用:当你鼠标选中标签或者是某个片段代码的时候,对应的开头和闭合标签会高亮!
示例:
8、sublimeLinter
作用:提供js和css的语法检测!检测的标准是可以根据用户自定义的方式来执行!
9、View in Browser
作用:在浏览器中可以像dreamweaver 那样按下F12的时候在浏览器中浏览。
10、AutoFileName
作用:可以在你输入引用文件路径时给出提示,最典型的就是图片的引用
示例:
相关文章推荐
- sublime text3安装以及插件配置教程
- sublime text3安装以及插件配置教程
- 【Maven3教程】配置开发环境以及安装Eclipse的Maven插件
- sbt 以及 IDEA sbt 插件安装配置教程
- wordpress新手建站教程第四期:为wordpress安装插件以及主题
- 【教程】在Eclipse中配置刚安装好的PyDev插件
- MinGW安装图文教程以及如何配置C语音编程环境
- Sublime Text3汉化版java配置+插件安装
- 【转】Windows系统中Maven的安装与配置以及m2eclipse插件的安装
- perl环境配置以及Eclipse安装perl开发插件
- ubuntu环境下eclipse的安装以及hadoop插件的配置
- Centos 安装及配置OpenNMS以及opennms介绍和配置图文教程
- gradle教程 [原创](eclipse/ADT下 非插件 非Android Studio/AS)纯手打 第一篇:安装配置gradle
- Maven 3 入门 -- 安装与配置(Maven以及其Eclipse插件m2eclipse的安装)
- SublimeText 2 python开发环境配置以及好用的插件安装
- SVN的安装以及配置,包括myeclipse的SVN插件安装
- android[配置]ADT插件安装教程
- sqoop安装配置教程,以及从Oracle数据抽取数据的分析
- nagios pnp插件安装以及配置
- AgileEAS.NET平台视频会议培训第三辑-插件的安装、配置以及账户权限系统演练