IIS7中http跳转https，出现无限循环跳转的问题 问题描述配置HTTP跳转到HTTPS,类似这样https://www.cnblogs.com/yc-755909659/p/9101602.html，却出问题，网站一直循环的跳转，导致rewrite too many的错误。<rewrite> <rules> <rule name="HTTP to HTTPS redirect" stopProcessing="true"> <match url="(.*)" /> <conditions> <add input="{HTTPS}" pattern="off" /> </conditions> <action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" redirectType="Found" /> </rule> </rules> </rewrite> 解决问题应该是{HTTPS}没有效果，http和https都跳转了，所以需要改成以下<rewrite> <rules> <rule name="HTTPS Rule behind AWS Elastic Load Balancer Rule" stopProcessing="true"> <match url="^(.*)$" ignoreCase="false" /> <conditions> <add input="{HTTP_X_FORWARDED_PROTO}" pattern="^http$" ignoreCase="false" /> </conditions> <action type="Redirect" url="https://{SERVER_NAME}{URL}" redirectType="Found" /> </rule> </rules> </rewrite>

Windows-配置-Apache2-4+php5-6 1. 前提现在有很多一键安装的环境lnmp，wdcp，xampp，宝塔面板，很多很多的傻瓜式安装包，因为我是多项目多PHP版本所有还是用原生的吧(假设你PHP已经配置成功)2.Apache2.4.29下载下载地址开始安装:安装过程非常简单的1.先将下载的包解压,随便放在任何盘，目录文件名可以自取：我安装的目录是: E:\Soft\Program Files\Apache24 2.配置Apache2.1 在安装目录(E:\Soft\Program Files\Apache24)下找到 conf\httpd.conf 文件打开文件 找到 Define SRVROOT 将改为 Define SRVROOT "E:\Soft\Program Files\Apache24"2.2 找到：Listene 80若你的80端口被占用（可在cmd下用命令netstat -a查看），则将80端口改为别的端口号如(8080), 保存文件;2.3 接下来配置安装Apache的主服务：用管理员身份打开CMD窗口，输入："E:/Soft/Program Files/Apache24/bin/httpd.exe" -k install -n apache24后面的apache是服务名称(可以自取)。2.4 Apache安装成功后,在安装目录中，找到 E:/Soft/ProgramFiles/Apache24/bin/ApacheMonitor.exe可执行文件，双击运行，桌面右下角会出现图标，双击打开窗口界面如下图点击 start 启动Apacha服务。2.5 测试服务器是否安装成功打开浏览器输入 http://localhost3.配置上PHPLoadModule php5_module "E:\Soft\Program Files\PHP\php-5.6\php5apache2_4.dll" PHPIniDir "E:\Soft\Program Files\PHP\php-5.6" <IfModule php5_module> AddType application/x-httpd-php .php AddType application/x-httpd-php .htm AddType application/x-httpd-php .html </IfModule>在IfModule unixd_module之前<IfModule dir_module> DirectoryIndex index.html index.php 增加index.php </IfModule>4.要是遇到错误的话apache启动错误查询。右键点击“计算机”》打开“管理”》“事件查看器”》“windows日志”》“应用程序”即可查询报错内容，具体错误具体分析

git通过webhook实现自动化部署 我们在使用git的时候，提交代码并推送到服务器库(如:github、bitbucket、码云)，我们需要登录到我们的web服务去抓取服务器库的代码，这样非常的麻烦。那首先得在服务器上已经安装好了git，不懂看这里修改根目录的权限chmod -R 777 /你的目录/ 然后在更目录新建一个update.php外网的话配置好域名和对公IP内网的话配置好hosts内的映射<?php date_default_timezone_set('Europe/London'); class Deploy { /** * A callback function to call after the deploy has finished. * * @var callback */ public $post_deploy; /** * The name of the file that will be used for logging deployments. Set to * FALSE to disable logging. * * @var string */ private $_log = 'deployments.log'; /** * The timestamp format used for logging. * * @link http://www.php.net/manual/en/function.date.php * @var string */ private $_date_format = 'Y-m-d H:i:sP'; /** * The name of the branch to pull from. * * @var string */ private $_branch = 'master'; /** * The name of the remote to pull from. * * @var string */ private $_remote = 'origin'; /** * The directory where your website and git repository are located, can be * a relative or absolute path * * @var string */ private $_directory; /** * Sets up defaults. * * @param string $directory Directory where your website is located * @param array $data Information about the deployment */ public function __construct($directory, $options = array()) { // Determine the directory path $this->_directory = realpath($directory).DIRECTORY_SEPARATOR; $available_options = array('log', 'date_format', 'branch', 'remote'); foreach ($options as $option => $value) { if (in_array($option, $available_options)) { $this->{'_'.$option} = $value; } } $this->log('Attempting deployment...'); } /** * Writes a message to the log file. * * @param string $message The message to write * @param string $type The type of log message (e.g. INFO, DEBUG, ERROR, etc.) */ public function log($message, $type = 'INFO') { if ($this->_log) { // Set the name of the log file $filename = $this->_log; if ( ! file_exists($filename)) { // Create the log file file_put_contents($filename, ''); // Allow anyone to write to log files chmod($filename, 0666); } // Write the message into the log file // Format: time --- type: message file_put_contents($filename, date($this->_date_format).' --- '.$type.': '.$message.PHP_EOL, FILE_APPEND); } } /** * Executes the necessary commands to deploy the website. */ public function execute() { try { // Make sure we're in the right directory chdir($this->_directory); $this->log('Changing working directory... '); // Discard any changes to tracked files since our last deploy exec('git reset --hard HEAD', $output); $this->log('Reseting repository... '.implode(' ', $output)); // Update the local repository exec('git pull '.$this->_remote.' '.$this->_branch, $output); $this->log('Pulling in changes... '.implode(' ', $output)); // Secure the .git directory exec('chmod -R og-rx .git'); $this->log('Securing .git directory... '); if (is_callable($this->post_deploy)) { call_user_func($this->post_deploy, $this->_data); } $this->log('Deployment successful.'); } catch (Exception $e) { $this->log($e, 'ERROR'); } } } // This is just an example $deploy = new Deploy('/www/web/demo/public_html'); $deploy->execute(); ?>然后登录各大代码服务器(github、bitbucket)等等设置webhook为http://www.demo.com/update.php好了这样你提交的话服务器会自动pull代码但是我卡在这里，一直都无法pull代码下去，原因很简单ssh是root用户，apache是用apache用户的，nginx是默认www用户的，所以我们要创建对应的ssh密钥，然后添加到各大代码服务器(github、bitbucket)//apache sudo -u apache ssh-keygen -t rsa -C “yuh945@gmail.com” //www sudo -u www ssh-keygen -t rsa -C “yuh945@gmail.com”如果创建ssh遇到无法创建，那一般是用户对于的文件夹权限不足，或者文件夹不存在用以下的命令修改一下用户的用户目录和用户目录的权限vi /etc/group root:x:0:0:root:/root:/bin/bash bin:x:1:1:bin:/bin:/sbin/nologin daemon:x:2:2:daemon:/sbin:/sbin/nologin adm:x:3:4:adm:/var/adm:/sbin/nologin lp:x:4:7:lp:/var/spool/lpd:/sbin/nologin sync:x:5:0:sync:/sbin:/bin/sync shutdown:x:6:0:shutdown:/sbin:/sbin/shutdown halt:x:7:0:halt:/sbin:/sbin/halt mail:x:8:12:mail:/var/spool/mail:/sbin/nologin uucp:x:10:14:uucp:/var/spool/uucp:/sbin/nologin operator:x:11:0:operator:/root:/sbin/nologin games:x:12:100:games:/usr/games:/sbin/nologin gopher:x:13:30:gopher:/var/gopher:/sbin/nologin ftp:x:14:50:FTP User:/var/ftp:/sbin/nologin nobody:x:99:99:Nobody:/:/sbin/nologin vcsa:x:69:69:virtual console memory owner:/dev:/sbin/nologin saslauth:x:499:76:"Saslauthd user":/var/empty/saslauth:/sbin/nologin postfix:x:89:89::/var/spool/postfix:/sbin/nologin sshd:x:74:74:Privilege-separated SSH:/var/empty/sshd:/sbin/nologin apache:x:48:48:Apache:/var/www:/sbin/nologin mysql:x:27:27:MySQL Server:/var/lib/mysql:/bin/bash ntp:x:38:38::/etc/ntp:/sbin/nologin mailnull:x:47:47::/var/spool/mqueue:/sbin/nologin smmsp:x:51:51::/var/spool/mqueue:/sbin/nologin www:x:1000:1000::/dev/null:/sbin/nologin wdcpu:x:999:999::/www/wdlinux/wdcp:/sbin/nologin这样基本就不会有什么问题了，走了好多弯路才写下来。

Vagrant上安装Homestead 导语必须先安装好Virtual Box、Vagrant这两个软件Virtual Box：这只是个虚拟机机，没什么好说的Vagrant：基础知识看这、一些常用的命令开始安装1. homestead box下载在命令行中运行如下：$ vagrant box add laravel/homestead会返回如下结果：那我们会看到真正下载homestead box，但是这样下载太慢了而且好像还不支持断点下载，一断网就完蛋，所以强烈建议复制出来用下载器单独下载下载后执行以下命令, 修改 /path/to/virtualbox.box 为正确的 path.$ vagrant box add laravel/homestead /path/to/virtualbox.box ok这样安装就会快很多，2-3分钟搞定2. 安装 homestead 也有两种方法用composer安装那就必须先在本地安装好php和composer命令如下:composer global require "laravel/homestead=~2.0"用git上下载homestead并且解压3. 配置homestead$ bash init.sh //进入该文件夹 mac 系统就这样homestead init //composer 生成init.bat //进入文件夹 win 就这样会生成 ~/.homestead/Homestead.yaml 文件，我们修改这个文件4.添加hostssudo vi /etc/hosts //mac用vi修改文件win：C:\Windows\System32\drivers\etc\hosts 修改这个文件尾部追加192.168.10.10 phphub.app //需要对应Homestead.yaml文件中的配置哦5.启动虚拟机再用composer安装Homestead的话可以直接用homestead up是git安装Homestead的话vagrant up初始化完成后, 访问浏览器 http://phphub.app这我也不知道为什么git安装居然检测不到homestead，我想应该是path没配置吧，懒的配置了。知识提供：Homestead 2.0 安装笔记、[Homestead 集成开发环境配置](http://blog.csdn.net/markely/article/details/49585887)

Vagrant常用命令 Vagrant的几个命令：vagrant box add 添加box的操作vagrant init 初始化box的操作vagrant up 启动虚拟机的操作vagrant ssh 登录拟机的操作Vagrant还包括如下一些操作：vagrant box list显示当前已经添加的box列表$ vagrant box list base (virtualbox) vagrant box remove删除相应的box$ vagrant box remove base virtualbox Removing box 'base' with provider 'virtualbox'... vagrant destroy停止当前正在运行的虚拟机并销毁所有创建的资源$ vagrant destroy Are you sure you want to destroy the 'default' VM? [y/N] y [default] Destroying VM and associated drives... vagrant halt关机$ vagrant halt [default] Attempting graceful shutdown of VM... vagrant package打包命令，可以把当前的运行的虚拟机环境进行打包$ vagrant package [default] Attempting graceful shutdown of VM... [default] Clearing any previously set forwarded ports... [default] Creating temporary directory for export... [default] Exporting VM... [default] Compressing package to: /Users/astaxie/vagrant/package.box vagrant plugin用于安装卸载插件vagrant provision通常情况下Box只做最基本的设置，而不是设置好所有的环境，因此Vagrant通常使用Chef或者Puppet来做进一步的环境搭建。那么Chef或者Puppet称为provisioning，而该命令就是指定开启相应的provisioning。按照Vagrant作者的说法，所谓的provisioning就是"The problem of installing software on a booted system"的意思。除了Chef和Puppet这些主流的配置管理工具之外，我们还可以使用Shell来编写安装脚本。例如： vagrant provision --provision-with chefvagrant reload重新启动虚拟机，主要用于重新载入配置文件$ vagrant reload [default] Attempting graceful shutdown of VM... [default] Setting the name of the VM... [default] Clearing any previously set forwarded ports... [default] Creating shared folders metadata... [default] Clearing any previously set network interfaces... [default] Preparing network interfaces based on configuration... [default] Forwarding ports... [default] -- 22 => 2222 (adapter 1) [default] Booting VM... [default] Waiting for VM to boot. This can take a few minutes. [default] VM booted and ready for use! [default] Setting hostname... [default] Mounting shared folders... [default] -- /vagrant vagrant resume恢复前面被挂起的状态$vagrant resume [default] Resuming suspended VM... [default] Booting VM... [default] Waiting for VM to boot. This can take a few minutes. [default] VM booted and ready for use! vagrant ssh-config输出用于ssh连接的一些信息$vagrant ssh-config Host default HostName 127.0.0.1 User vagrant Port 2222 UserKnownHostsFile /dev/null StrictHostKeyChecking no PasswordAuthentication no IdentityFile "/Users/astaxie/.vagrant.d/insecure_private_key" IdentitiesOnly yes LogLevel FATAL vagrant status获取当前虚拟机的状态$vagrant status Current machine states: default running (virtualbox) The VM is running. To stop this VM, you can run `vagrant halt` to shut it down forcefully, or you can run `vagrant suspend` to simply suspend the virtual machine. In either case, to restart it again, simply run `vagrant up`. vagrant suspend挂起当前的虚拟机$ vagrant suspend [default] Saving VM state and suspending execution...

初识VAGRANT Vagrant 是一个可创建轻量级、高复用性和便于移植的开发环境的工具。在非专业人士眼里，这意味着Vagrant抛弃开发环境中所有让人头痛的设置代之为了一个单一的配置文件，你可以选择你的服务器所需要的特性予以保留。你将不会再被XAMMP，手动配置虚拟环境，或者使用FTP远程编辑所卡住。什么是Vagrant和为何我要甚为关注？Vagrant能做什么？统一开发环境。一次配置打包，统一分发给团队成员，统一团队开发环境，解决诸如“编码问题”，“缺少模块”，“配置文件不同”带来的问题；避免重复搭建开发环境。新员工加入，不用浪费时间搭建开发环境，快速加入开发，减少时间成本的浪费；多个相互隔离开发环境。可以在不用box里跑不同的语言，或者编译安装同一语言不同版本，搭建多个相互隔离的开发环境，卸载清除时也很快捷轻松。简单的原因:在本地开发爽。用Vagrant快，简单，并可帮助你同时管理多个开发环境。更长的原因:想象一下，你正在和据说15人的团队开发一个应用程序。这个程序真是狂棒！它使用Laravel的PHP框架，Redis和Memcached，ImageMagick和GD的PHP模块，curl，MySQL和PostgreSQL， 甚至MongoDB。 另外，Laravel明确依赖PHP版本5.3.7或更高版本，以及mcrypt的PHP扩展。 理想情况下，你会希望团队所有的15人在开发这个应用程序时，都是相同的开发环境。 但是不是所有的开发团队，都有系统管理的专家或者培养一个系统管理。获得相同设置的开发环境可能是一个非常艰巨的任务。 最重要的是，有些人使用的是Mac，而其他人则使用Linux或Windows。在它之前，开发人员会纠结在无尽的配置中，用电脑扔墙而筋疲力尽。服务提供者和服务消费者我提到了Vargrant会帮你打点环境配置的一切问题，这不能以偏概全. Vagrant工作需要服务提供者和消费者的配合来管理环境配置. 提供者, 像是 VirtualBox, VMWare, Amazon AWS, 和Digital Ocean, 就是你的虚拟环境的宿主.假设这些环境是 VirtualBox 或VMWare, 又或者是, Amazon亦或Digital Ocean都能方便的部署环境到云端.供应者 Provisioners 就是一些帮助你实现环境具体配置的工具软件. 这在管理繁琐的服务器配置方面发挥巨大作用. 有关服务器的配置基本都能被管理起来. 比如说 PHP, PHP Modules, Apache, Git, Vim, databases, logins, Xdebug, 等等. Vagrant最常使用的消费者是 Puppet 和Chef. 使用消费者管理环境配置的优势就是，在以后的环境配置时都可以使用先前的配置模板，不论是部署，发布和生产过程中都可以方面的使用起来.

二、1.Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查 安装SublimeLinter  SublimeLinter是Sublime的一个代码检测工具插件。安装SublimeLinter前必须安装node.js打开Sublime，按下 Ctrl+Shift+p 进入 Command Palette;输入install进入 Package Control: Install Package;输入SublimeLinter，选择SublimeLinter进行安装。安装sublimeLinter-contrib-htmlhint  可以把sublimeLinter-contrib-htmlhint看成是SublimeLinter的一个插件，sublimeLinter-contrib-htmlhint调用xg-htmlhint来进行语法检查。sublimeLinter-contrib-htmlhint 1.0.1版本有问题，所以我们使用1.0.0版本。前往Releases下载1.0.0的压缩包，解压并重命名为“SublimeLinter-contrib-htmlhint”，并放入Sublime的Package目录(菜单->Preferences->BrowsePackages)安装xg-htmlhint找到node.js的CMD窗口，输入以下命令；等待出现一堆数字版本号即为成功安装。npm install -g xg-htmlhint  此时打开Sublime Text3，xg-htmlhint就可以检测代码了，保存(cmd + S)的时候如果有错误会有错误提示。安装jshint和csslint打开Sublime_Txt3,按住Ctrl+Shift+P安装SublimeLinter-csslint    SublimeLinter-jshint打开nodejs的CDM窗口，输入命令安装npm install jshintnpm install csslintSublimeLinter个性化配置{     "user": {         "csslint_options": {             "adjoining-classes": false,             "box-model": false,             "box-sizing": false,             "compatible-vendor-prefixes": false,             "floats": false,             "font-sizes": false,             "gradients": false,             "important": false,             "known-properties": false,             "outline-none": false,             "qualified-headings": false,             "regex-selectors": false,             "shorthand": false,             "text-indent": false,             "unique-headings": false,             "universal-selector": false,             "unqualified-attributes": false         },         "debug": false,         "delay": 0.25,         "error_color": "D02000",         "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",         "gutter_theme_excludes": [],         "jshint_options": {             "browser": true,             "curly": true,             "devel": true,             "eqeqeq": true,             "evil": true,             "forin": true,             "globals": {                 "$": true,                 "console": true,                 "document": true,                 "global": true,                 "grunt": true,                 "jQuery": true,                 "module": true,                 "setInterval": true,                 "setTimeout": true,                 "window": true             },             "jquery": true,             "latedef": true,             "noarg": true,             "noempty": true,             "quotmark": "single",             "strict": false,             "undef": true,             "unused": "vars",             "wsh": true         },         "lint_mode": "background",         "linters": {             "csslint": {                 "@disable": false,                 "args": [],                 "errors": "",                 "excludes": [],                 "ignore": "",                 "warnings": ""             },             "htmlhint": {                 "@disable": false,                 "args": [],                 "excludes": []            },             "jshint": {                 "@disable": false,                 "args": [],                 "excludes": []            }        },         "mark_style": "outline",         "no_column_highlights_line": false,         "passive_warnings": false,         "paths": {             "linux": [],             "osx": [],             "windows": []        },         "python_paths": {             "linux": [],             "osx": [],             "windows": []        },         "rc_search_limit": 3,         "shell_timeout": 10,         "show_errors_on_save": false,         "show_marks_in_minimap": true,         "sublimelinter": "save-only",         "sublimelinter_executable_map": {             "css": "C:/Program Files/nodejs/node.exe",             "javascript": "C:/Program Files/nodejs/node.exe"         },         "sublimelinter_gutter_marks": true,         "sublimelinter_popup_errors_on_save": true,         "syntax_map": {             "html (django)": "html",             "html (rails)": "html",             "html 5": "html",             "javascript (babel)": "javascript",             "magicpython": "python",             "php": "html",             "python django": "python"         },         "warning_color": "DDB700",         "wrap_find": true     }}2015年12月19日发布

二、Sublime Text 的插件推荐 Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。插件安装方式一：直接安装：安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。插件安装方式二：使用Package Control组件安装：按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())重启Sublime Text 3。如果在Perferences->package settings中看到package control这一项，则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。PS：国内使用SublimeText3，经常可能遇到无法安装可用插件问题，可remove掉Package Control重新安装下；如遇到连Package Control也无法安装，则可以在别处拷贝一份关于Package Control的文件－(Package Control.sublime-package)存放于Installed Packages目录之下即可。Sublime Text 3插件推荐无插件，不神器！根据自己的需要定制属于自己的强大插件集；作为在移动端旧游之后，又Web端新游的自己，墙裂推荐以下这么几款插件：MarkDown Editing (作者使用)SublimeText不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章：sublime text 2(3)下的Markdown写作 抑或是前段时间写下的追寻高效工作的一路折腾㈡SideBarFolders (强力推荐)打开的文件夹都太多了? 来用这个来管理文件夹，世界原来也可以这么美好。Sublime Terminal (没使用)这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。ColorPicker (强烈推荐)通常，如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。SublimeREPL（没使用）这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。Ctags插件（没使用）有童鞋抱怨Sublime Text不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方； Alt+←即可回到原处）。其实Sublime Text也可以借助插件实现之（当然，有些情况下:Can not find defination）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见:Sublime Text ctags 的配置.SublimeLinter插件(强力推荐)SublimeLinter 是前端编码利器，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。SideBarEnhancements插件（强力使用）SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。 更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。安装此插件后，点击菜单栏的preferences->package setting->side bar->Key Building-User，键入以下代码：[ { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ]这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。HTML-CSS-JS Prettify（强力推荐）一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见这篇介绍。CSScomb CSS属性排序（没使用）有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。SublimeTmpl 快速生成文件模板（强力推荐）一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。SublimeTmpl默认的快捷键:ctrl+alt+h htmlctrl+alt+j javascript ctrl+alt+c css ctrl+alt+p php ctrl+alt+r ruby ctrl+alt+shift+p python如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~Javascript-API-Completions（强力推荐）支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。SFTP：快速编辑远程服务器文件（还没使用）在Win下用Xftp 和 WinScp，被这种需要切换点击or F5刷新的手动操作蛋疼到无语；故此一遇见这SFTP，顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件，比如FtpSnyc，但是配置起来的错误提示一点都不人性化，就毫不留情的舍弃了。Sublime下有SFTP，只要Ctrl+S即可同步本地到服务器，妥妥的爽歪歪有么有？如何配置，请参见在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件;如欲使用FtpSync可参见Sublime使用及FtpSync远程同步；大道至简，因简而悦；开心垒码，值得折腾。DocBlockr: （强力推荐）可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust./*:回车创建一个代码块注释/**:回车在自动查找函数中的形参等等。它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具，DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目；如果你愿意其更为便捷，不妨再结合AutoHotKey,高效注释，由此开启。sublime-text-git: Git 版本控制可视化的操作：帮助你与你的Git repo协议进行交互。它支持很多命令像init,push, pull, branch, stash,等等。使用它当然提前需要安装 Git，并做好响应的配置；对于这个插件，不妨看下这篇文章 Using Git Inside of Sublime Text to Improve Workflow，相信她的伴随不会让你失望的。advancedNewFile： 快速创建文件当我们在 Sublime Text 编辑器里我们可以通过快捷键command+n(win: ctrl+n),来新建一个文件，然后command+s(Win:ctrl+s)进行弹出保存框，填写文件名进行保存。还是老问题，麻烦！！我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下的创建文件速度。关乎其使用，安装完成之后，运用快捷键command+alt+n(win: ctrl+alt+n)，Sublime Text底部会弹出输入框；我们只需在这个输入框里输入我们需要新建的文件名回车即可（我们甚至可以带路径,譬如:src/components/perfect.vue;这就会在当前项目目录下，建立该文件；需要注意的是这路径前面不可加 '/', 这会使得建立的路径成为用户目录，而非改项目目录）。默认情况下文件会存储在当前目录，如果当前没有目录，会存储在用户的家目录。ConvertToUTF8 (推荐)支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件Bracket Highlighter (强力推荐)用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效DocBlockr (强力推荐)可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++Emmet (强力推荐)快速生成HTML代码段的插件，强大到无与伦比:可以超快速编写HTML/CSS/JS，当然这个插件还支持多种编译环境，如常见的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web开发必备！！！。jsFormat (强力推荐)格式化js代码，懂者自懂；强迫症Coder必备！默认快捷键Ctrl+Alt+F。

一、Sublime Text 的简单使用 小羽一直使用的是nodepad++作为win的简单编辑工具，但是Sublime Text一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。选择类：Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。Ctrl+Shift+M 选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。Ctrl+M 光标移动至括号内结束或开始的位置。Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。Ctrl+Shift+] 选中代码，按下快捷键，展开代码。Ctrl+K+0 展开所有折叠代码。Ctrl+← 向左单位性地移动光标，快速移动光标。Ctrl+→ 向右单位性地移动光标，快速移动光标。shift+↑ 向上选中多行。shift+↓ 向下选中多行。Shift+← 向左选中文本。Shift+→ 向右选中文本。Ctrl+Shift+← 向左单位性地选中文本。Ctrl+Shift+→ 向右单位性地选中文本。Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。编辑类：Ctrl+J 合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。Ctrl+Shift+D 复制光标所在整行，插入到下一行。Tab 向右缩进。Shift+Tab 向左缩进。Ctrl+K+K 从光标处开始删除代码至行尾。Ctrl+Shift+K 删除整行。Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。Ctrl+K+U 转换大写。Ctrl+K+L 转换小写。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。Ctrl+U 软撤销，感觉和 Gtrl+Z 一样。Ctrl+F2 设置书签Ctrl+T 左右字母互换。F6 单词检测拼写搜索类：Ctrl+F 打开底部搜索框，查找关键字。Ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。Ctrl+P 打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。Ctrl+G 打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。Ctrl+R 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。Ctrl+： 打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。Ctrl+Shift+P 打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。Esc 退出光标多行选择，退出搜索框，命令框等。显示类：Ctrl+Tab 按文件浏览过的顺序，切换当前窗口的标签页。Ctrl+PageDown 向左切换当前窗口的标签页。Ctrl+PageUp 向右切换当前窗口的标签页。Alt+Shift+1 窗口分屏，恢复默认1屏（非小键盘的数字）Alt+Shift+2 左右分屏-2列Alt+Shift+3 左右分屏-3列Alt+Shift+4 左右分屏-4列Alt+Shift+5 等分4屏Alt+Shift+8 垂直分屏-2屏Alt+Shift+9 垂直分屏-3屏Ctrl+K+B 开启/关闭侧边栏。F11 全屏模式Shift+F11 免打扰模式