web开发工具Sublime Text 3

来源:互联网 发布:淘宝海外直购 编辑:程序博客网 时间:2024/05/21 20:24

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

1.下载地址

Sublime Text 3:http://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":".*" } }
]

原创粉丝点击