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

sublime是大多程序员开发所用到的编辑器，很流行。

 

------------------

sublime text3的安装和经常使用插件的安装

 

一、百度sublime text3 下载电脑系统至关的版本，而后安装

https://www.sublimetext.com/3

 

二、再安装 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

 

三、在线安装emmet插件

按ctrl+shift+p打开插件工具命令窗口，输入pcip，选择进入Package control:install package

而后输入搜索emmet插件，点第一个Emmet下载等安装

使用：新建文档，输入 !，再按下 Tab键或者 Ctrl + E ，就能快速打开HTML5的总体结构。

 

四、安装SideBarEnhancements插件，方便用浏览器进行浏览。

快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入SideBarEnhancements，进行在线安装便可。

 

五、安装HTML/CSS/JS prettify插件，快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入prettify，进行在线安装便可。

安装好后快递键 Ctrl+Shift+h 便可快速整理代码，让代码看起来更工整。若是不能使用，请安装nodejs，去官方下载一个node.exe,放入提示的指定目录（C:\Program Files\nodejs\node.exe），便可。

 

六、css颜色拾合器ColorPicker插件

快捷键 ctrl+shift+p 打开插件管理，输入pcip，调出插件安装命令，再输入ColorPicker在线安装便可。

使用快捷键调用Ctrl+Shift+C

 

七、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;

            }