sublimeText前端开发环境配置

原创 2017年01月03日 13:04:21
  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. 参考文章

版权声明:本文为博主原创文章,未经博主允许不得转载。

前端工程师养成记:开发环境搭建(Sublime Text必备插件推荐)

为了让自己更像一个前端工程师,决定从开发环境开始武装自己。
  • shootyou
  • shootyou
  • 2014年08月08日 16:09
  • 18449

win7 下搭建前端开发环境 sublime-text3

sublime 安装 emmet插件
  • u010154685
  • u010154685
  • 2016年04月23日 10:46
  • 903

前端开发sublime text常用插件和配置

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用Package Control安装,具体的安装方法...
  • Innocence_y
  • Innocence_y
  • 2016年12月25日 23:50
  • 1561

前端开发 sublime text 常用插件和配置

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用Package Control安装,具体的安装方法...
  • yisuowushinian
  • yisuowushinian
  • 2016年01月07日 13:09
  • 21545

sublime text3配置html

先ctrl+shift+p,在输入install package进入选择插件,输入emmet,然后就插入了,这个插件是提示,补全的作用。 还有就是输入!(英文),再按TAB就有了html的基本框架了...
  • zhang__liuchen
  • zhang__liuchen
  • 2017年11月12日 10:11
  • 245

Sublime Text 3配置JavaScript开发环境

Sublime Text 3可以不通过浏览器运行JavaScript,但是需要配置环境。安装NodeJS首先需要一个解析JavaScript代码的环境,下载NodeJS:https://nodejs....
  • lzhlzz
  • lzhlzz
  • 2017年02月03日 17:53
  • 2555

Python 学习之一:在Mac OS X下基于Sublime Text搭建开发平台包含numpy,scipy

1 前言Python有很多IDE可以用,官方自己也带了一个,Eclipse也可以。但我在使用各种IDE之后,发现用Sublime Text是最好用的一个。因此,我都是用Sublime Text来编写P...
  • songrotek
  • songrotek
  • 2015年06月11日 08:42
  • 36726

sublime python环境配置

sublime配置前需先安装: 1.python 2.然后使用Python的pip工具安装pylint,在cmd命令下执行:pip install pylint 然后开始环境配置: 1.通过Packa...
  • Helloguoke
  • Helloguoke
  • 2016年09月17日 14:41
  • 541

sublime配置全攻略

大家好,今天给大家分享一款编辑器:sublime text2     我用过很多编辑器, EditPlus、EmEditor、Notepad++、Notepad2、UltraEdit、Editra...
  • w6611415
  • w6611415
  • 2012年07月07日 23:15
  • 149449

SublimeText3 安装和配置,以及配置 Python 环境

前言:我以前就用着 SublimeText 2,但是 python 环境一直不能用。昨天看到《如何优雅地使用 Sublime Text》这篇文章,据说 SublimeText 3 能瞬间启动,就忍不住...
  • Bone_ACE
  • Bone_ACE
  • 2015年12月30日 14:45
  • 8672
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sublimeText前端开发环境配置
举报原因:
原因补充:

(最多只允许输入30个字)