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配置全攻略

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

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

前言:我以前就用着 SublimeText 2,但是 python 环境一直不能用。昨天看到《如何优雅地使用 Sublime Text》这篇文章,据说 SublimeText 3 能瞬间启动,就忍不住...

Sublime Text 3下C/C++开发环境搭建

Sublime Text 3下C/C++开发环境搭建之前在Linux Mint 17一周使用体验中简单介绍过Sublime Text。1.Sublime Text 3安装Ubuntu、Linux Mi...
  • dc_726
  • dc_726
  • 2015年05月15日 21:32
  • 96397

AngularJS + CoffeeScript 前端开发环境配置详解

1 http://www.open-open.com/lib/view/open1423322379779.html AngularJS 号称 ‘第一框架’ (‘The first framew...

【前端工具】fis-plus【01】前端开发环境配置

前端自动化工具确实给前端同学带来的极大的方便,这一篇中我们将通过介绍fis-plus来配置前端的开发环境。av8d,请坐好哦~一、fis-plus引入 fis-plus能够把前端当做整个PHP的开...

SublimeText 3 完整的 Python 开发环境配置

安装SublimeText 3地址:https://www.sublimetext.com/3 下载安装 安装时记得勾选 Add to explorer context menu ...

web前端开发基础环境配置

Web前端和全栈的定义:A、什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行...

web前端开发--MyEclipse环境配置

一、需要下载的资源 jdk、Tomcat、MyEclipse 二、jdk安装 jdk安装包的下载: http://www.oracle.com/technetwork/java/javase/dow...

第一阶段:web前端开发基础环境配置1

04.前端开发基础视频:操作系统通用快捷键操作(win快捷键) Win+D:快速显示桌面 Win+L:快速锁定计算机 Win+E:快速打开资源管理器 Ctrl+Shift+ESC:打开任务管理器ss ...

sublimeText 使用技巧及配置Lua开发环境

(插件 兼容中文 cTags 函数跳转 编译 lua ) 在朋友的介绍下使用上了subLime Text 编辑器,发现有很多很好的特性适合在项目中开发lua程序,例如在编辑器中支持项目形式的文件...
  • z104207
  • z104207
  • 2014年06月06日 09:49
  • 4047
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sublimeText前端开发环境配置
举报原因:
原因补充:

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