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;
}