先装插件管理器(Package Control):https://packagecontrol.io/installation
-
- 安装插件:Ctrl+Shift+P,输入install,等待几秒后出现插件列表,输插件名再回车就能自动安装。下文插件名加链接的可以点进去学习使用方法。建议安装插件后都进设置菜单配置一下。
- 删除插件:Ctrl+Shift+P,输入remove package,选择插件再回车。
要安装的插件
- Emmet:快速编写HTML和CSS代码
- Vue Syntax Highlight这个插件因为现在要开发vue的项目,所以代码高亮必不可少。
- DocBlockr,注释需要
- babel react高亮显示
Sublime Text 设置
首选项,设置-用户
// 窗口失焦立即保存文件 "save_on_focus_lost": true, // 自动移除行尾多余空格 "trim_trailing_white_space_on_save": true, "trim_automatic_white_space": true, // 关闭自动更新 "update_check": false, // 自动换行 "word_wrap": "true", // Tab转空格 "translate_tabs_to_spaces": true "tab_size": 4,
Sublime text设置快捷键让编写的HTML文件在浏览器预览
{“keys”: [“alt+b”],”command”: “open_in_browser”}
- 参考这篇文章设置emmet的html模版语言为中文https://www.zhihu.com/question/41994070
emmet里面的setting
{
"snippets": {
"variables": {
"lang": "zh-CN"
}
}
}