关闭

sublimeText前端开发环境配置

标签: sublimetext前端开发
506人阅读 评论(0) 收藏 举报
分类:
  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. 参考文章

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:99593次
    • 积分:1829
    • 等级:
    • 排名:千里之外
    • 原创:92篇
    • 转载:5篇
    • 译文:0篇
    • 评论:11条
    最新评论