sublime text 3 及相关开发插件安装

sublime是大多程序员开发所用到的编辑器，很流行。
 
------------------
sublime text3的安装和常用插件的安装
 
1、百度sublime text3 下载电脑系统相当的版本，然后安装
https://www.sublimetext.com/3
 
2、再安装 package control
百度package control
下载https://packagecontrol.io/installation
再打开sublime编辑器，菜单Preferences=》点Browse Packages=》将下好的Package Control.sublime-package这个包，拷贝在上一层目录Installed Packages文件夹里
然后重新运行sublime编辑器
按ctrl+shift+p打开插件工具命令窗口，输入pcip，选择第一个Package control:install package
 
3、在线安装emmet插件
按ctrl+shift+p打开插件工具命令窗口，输入pcip，选择进入Package control:install package
然后输入搜索emmet插件，点第一个Emmet下载等安装
使用：新建文档，输入 !，再按下 Tab键或者 Ctrl + E ，就能快速打开HTML5的整体结构。
 
4、安装SideBarEnhancements插件，方便用浏览器进行浏览。
快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入SideBarEnhancements，进行在线安装即可。
 
5、安装HTML/CSS/JS prettify插件，快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入prettify，进行在线安装即可。
安装好后快递键 Ctrl+Shift+h 即可快速整理代码，让代码看起来更工整。如果不能使用，请安装nodejs，去官方下载一个node.exe,放入提示的指定目录（C:\Program Files\nodejs\node.exe），即可。
 
6、css颜色拾合器ColorPicker插件
快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入ColorPicker在线安装即可。
使用快捷键调用Ctrl+Shift+C
 
7、php代码错误提示
先安装sublimelinter本体安装完以后
再搜索一下，安装sublimelinter-php 
--------------------
 
 
弹性盒子方法：
html, body {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-flex-flow: column;
                flex-flow: column;
                height: 100%;
            }
 
.header {
                width: 100%;
                height: 45px;
               
            }
            
            .content {//纵向的弹性盒子
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                width: 100%;
               
            }
            
            .footer {//底部也是一个4等分弹性盒子  
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-flex-flow: row;
                flex-flow: row;
                width: 100%;
                height: 45px;
               
            }
.footer .menu {//横向的4等分弹性盒子
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                padding-top: 27px;
                padding-bottom: 6px;
                text-align: center;
                font-size: 10px;
                color: #595959;
                background-repeat: no-repeat;
                background-size: 20px 20px;
                background-position: center 6px;
            }