SublimeText3 配置前端开发插件

来源:互联网 发布:返回顶部js代码 编辑:程序博客网 时间:2024/06/15 04:10

欢迎大家转载指正!! 记得带上源文链接: 《Sublime Text 3 配置前端开发插件》

    • 环境介绍
    • 需安装的插件
      • Emmet 加快写HTML的利器
    • 细节问题
      • 自动换行
    • 未完待续

1.环境介绍

操作系统:windows7软件:sublime text 3

2.需安装的插件

Ⅰ.Emmet — 加快写HTML的利器

  • 在SublimeText3(下文称SM3)中按住Ctrl+Shift+P调出命令面板,输入install并回车,让后等待SM3弹出一个输入框(弹出快慢视网络而定);
  • 在输入框中输入Emment并回车,然后SM3就开始在下载,下载好就会弹出一页介绍Emment的内容,此时就可以体验下Emment的强大之处啦!新建一个空白的HTML文件,输入doc接着连续按两次tab键,然后Emment就会自动补全如下:
<html><head>    <meta charset="UTF-8">    <title>Document</title></head><body></body></html>

Ⅱ.

Ⅲ.

Ⅳ.

Ⅴ.

3.细节问题

Ⅰ.自动换行

  • SM3的换行还是比计较方便只需点击菜单 View 下的 Word Wrap 选项即可;
  • sublime text 2 下则需进行如下操作:
    a.点击菜单 Preferences -> Settings - User;
    b.在弹出的的页面最后一个 } 前添加 "word_warp" : true 即可;

未完待续……


1 0