您现在的位置:首页 >> 前端 >> 内容

web开发工具SublimeText3

时间:2017/6/16 9:21:11 点击:

  核心提示: 前端比较流行的两个工具,WebStorm和Sublime Text 3,最近觉得WebStrom有点臃肿,启动太慢了,开始换Sublime Text 3使用,于是百度了一些配置和设定,总结记录了一下...

前端比较流行的两个工具,WebStorm和Sublime Text 3,最近觉得WebStrom有点臃肿,启动太慢了,开始换Sublime Text 3使用,于是百度了一些配置和设定,总结记录了一下,方便自己以后使用。

1.下载地址

Sublime Text 3:https://www.sublimetext.com/

2. 自定义配置设定

点击preferences-setting

{
"bold_folder_labels": true,//文件夹名字加粗
"font_size": 9,//字体大小
"highlight_line": true,  //编辑行高亮
"ignored_packages":["Vintage"],
"rulers":[80],
"save_on_focus_lost": true,//失去焦点自动保存
"show_encoding": true,//现在当前文件编码格式
"tab_size": 2,
"translate_tabs_to_spaces": true,//缩进2空格
"trim_trailing_white_space_on_save": true
}

3.插件安装

最新版本Sublime Text 3 自带了Package Control,为我们省去了一个步骤,所以我们可以直接inatall package。ctrl+shift+p,输入inatall package,搜索自己想要的插件。

1.emmet 
代码快捷生产插件,能快速生成HTML头文件(要在HTML格式下)

2.Sublime CodeIntel 
代码自动提示工具

3.view in browser 
让你写的HTML能用浏览器打开,但是只能默认浏览器

4.sidebarenhancements 
可以自定义些快捷键,配合上面那个插件,能选择用哪个浏览器打开 
配置方法: 
点击preferences-keybindings 
配置文件: 
[ 
{ "keys": ["ctrl+shift+o"], //根据自己习惯设定快捷键 
"command": "side_bar_files_open_with", 
"args": { 
"paths": [], 
"application":"C:/ProgramFiles(x86)/Google/Chrome/Application/chrome.exe", //根据自己浏览器位置,设定路径。 
"extensions":".*" } } 
]

 

Tags:WE EB B开 开发 
作者:网络 来源:Rain_Moor的