sublime实现按F1就能用域名打开html文件

1、设置的前提条件：

1.你会用sublime安装插件

2.wamp本地服务器你会安装配置，用phpstudy也可以，这里用wamp示范【还不明白的小伙伴留言解决】

3.谷歌浏览器的安装，这个不用多说，大家都会

1、wamp的安装，安装路径记得改到c盘以外的盘，幸运的小伙伴安装肯定是非常顺利，安装后打开显示绿色，和小意截图的一样；

但是很多小伙伴安装之后，显示黄色，说明你的80端口被占用了，把占用的服务关闭就可以了，这里只是简单的提示一下；

更少一部分小伙伴显示红色，小意建议你换一个安装版本，一定要是官网的正版；

实在安装不好的关注或者留言小意......

1、sublime需要你会安装2个插件：

1.Side Bar

2.SidebarSeparator

1、插件下载过后，找到插件位置，按照如图所示点击进入

2、将如下代码粘贴复制【f4是谷歌本利打开，同理f3,f4  f1才是域名打开】，并保存：

[  //chorme  

    { "keys": ["f4"], "command": "open_in_browser" },

//chorme  

    {

        "keys": ["f2"],

        "command": "side_bar_files_open_with",

        "args": {

            "paths": [],

            "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",

            "extensions": ".*"

        }

    },

//360极速浏览器

    {

        "keys": ["f3"],

        "command": "side_bar_files_open_with",

        "args": {

            "paths": [],

            "application": "E:\\Program Files\\360极速浏览器\\360Chrome\\Chrome\\Application\\360chrome.exe",

            "extensions": ".*"

        }

    },

//localhost

     {

        "keys": ["f1"],

        "command": "side_bar_open_in_browser",

        "args": {

            "paths": [],

             "type": "testing",

             "browser": "chrome"

        }

    }]

3、用sublime打开任意一个html文件，鼠标右击html文件，按照如图进行

4、将如下代码粘贴复制，【注意“D:/WAMP/wamp/www/”是我的wamp安装的路径，你们要找到你们wamp下的www路径】：

{

    "D:/WAMP/wamp/www/":{

        "url_testing": "http://localhost:80/",

        "url_production": ""

    }

}

1、最后测试，找到你的html文件

2、我这里只测试最复杂的f1（也就是localhost）,当然本地打开默认浏览器f4，f3用360浏览器打开都可以