Sublime Text 3搭建前端环境

推荐安装插件
1.Emmet

ctrl+shift+p
输入install
输入emmet

Linux如果有如下报错

Please wait a bit while PyV8 binary is being downloaded

则在这里下载合适版本
https://github.com/emmetio/pyv8-binaries#readme

Sublime Text 3搭建前端环境_第1张图片

然后解压,将解压后文件复制到sublime 的Install Packages文件夹中去的PyV8中,如果没有这个文件夹,则新建一个,Install Packages的文件夹查找方法:在sublime编辑器中的菜单中 Preferences -> Browse Packages
注意是Install Packages,而不是Packages

Sublime Text 3搭建前端环境_第2张图片

deepin下的路径为

/home/numb/.config/sublime-text-3/Installed Packages/PyV8

安装完成之后,就可以使用了.

(Windows未发现此类问题)

2.CSS3

3.如何快速浏览html文件:
如果已经安装了sidebarenhancement这款插件,那么可以直接通过邮件open in browser中打开,但是必须手动ctrl+s一下,为了自动保存,操作如下:
点击上方 Preferences-settings,添加最后一行代码即可

{
    "default_encoding": "UTF-8",
    "font_face": "Yahei Consolas Hybrid",
    "font_size": 19,
    "ignored_packages":
    [
        "Vintage"
    ],
    "open_files_in_new_window": false,
    "save_on_focus_lost": true
}

4.BracketHighlighter,实现括号高亮匹配

Sublime Text 3搭建前端环境_第3张图片

5.SublimeCodeIntel插件,支持多种编程语言提示

Sublime Text 3搭建前端环境_第4张图片

6.ColorPicker颜色选择器
快捷键 Ctrl+Shift+c

Sublime Text 3搭建前端环境_第5张图片

你可能感兴趣的:(web前端)