sublimeText前端开发环境配置

时间:2021-11-06 03:24:50
  1. 先装插件管理器(Package Control):https://packagecontrol.io/installation

    • 安装插件:Ctrl+Shift+P,输入install,等待几秒后出现插件列表,输插件名再回车就能自动安装。下文插件名加链接的可以点进去学习使用方法。建议安装插件后都进设置菜单配置一下。
    • 删除插件:Ctrl+Shift+P,输入remove package,选择插件再回车。
  2. 要安装的插件

    • Emmet:快速编写HTML和CSS代码
    • Vue Syntax Highlight这个插件因为现在要开发vue的项目,所以代码高亮必不可少。
  3. 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里面的setting

{
"snippets": {
"variables": {
"lang": "zh-CN"
}
}
}

http://futurefriendly.cn/college/school/2016/02/29/Sublime-Text-%E4%BD%BF%E7%94%A8Emmet%E6%8F%92%E4%BB%B6%E8%87%AA%E5%AE%9A%E4%B9%89%E6%B7%BB%E5%8A%A0Viewport%E6%A8%A1%E6%9D%BF.html

  1. 参考文章