zoukankan      html  css  js  c++  java
  • 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 {
                    100%;
                    height: 45px;
                   
                }
                
                .content {//纵向的弹性盒子
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    flex: 1;
                    100%;
                   
                }
                
                .footer {//底部也是一个4等分弹性盒子  
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-flex-flow: row;
                    flex-flow: row;
                    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;
                }
  • 相关阅读:
    python笔记目录
    Django 的View(视图)系统
    051_Bootstrap 框架
    050_jQuery 事件
    049_jQuery 操作标签
    048_jQuery
    016-递归函数
    047_BOM_DOM
    046_JS
    045_CSS
  • 原文地址:https://www.cnblogs.com/samphp/p/8576055.html
Copyright © 2011-2022 走看看