风烟

不疾不徐,不慌不忙的体验这个世界,然后回到我爱的人身边。

sublimeText前端开发环境配置

  1. 先装插件管理器(Package Control):https://packagecontrol.io/installation

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

    • Emmet:快速编写HTML和CSS代码
    • Vue Syntax Highlight这个插件因为现在要开发vue的项目,所以代码高亮必不可少。
    • DocBlockr,注释需要
    • babel react高亮显示
  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. 参考文章

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sufubo/article/details/53993478
文章标签: sublimetext 前端开发
个人分类: 编辑器
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭