sublimeText前端开发环境配置

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

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

3. 要安装的插件

   • Emmet：快速编写HTML和CSS代码
   • Vue Syntax Highlight这个插件因为现在要开发vue的项目，所以代码高亮必不可少。
   • DocBlockr，注释需要
   • babel react高亮显示

4. 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"
  }
 }
}

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://www.zybuluo.com/king/note/47271
   • http://npm.taobao.org/