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;
            }
posted @ 2018-03-15 20:23  SamPHP  阅读(144)  评论(0编辑  收藏  举报