美文网首页让前端飞技术干货工具癖
VSCode中用浏览器打开文件的解决方案

VSCode中用浏览器打开文件的解决方案

作者: 科研者 | 来源:发表于2017-09-20 19:21 被阅读0次

    在VisualStudioCode中,没有像WebStorm中那种直接在指定的浏览器中打当前html的功能,这有些不方便;还好,VisualStudioCod中有相应的插件能弥补这个功能,如:open in browser、View In Browser等等,这些的插件的默认配置是在默认的浏览器中打开,如果要在指定的浏览器打开,需要事先配置,并且只能配置1个;为了实现不用插件便可在指定的浏览器中打开指定的文件,我研究了以下免插件的方案:

    一. 方案的思路:

    通过Shell命令中的open命令来打开文件,为了方便使用,可以给用alias给带有相应参数的open命令设置个方便使用的别名;

    二. 配置步骤:

    1. 在Shell的配置文件~/.bash_profile中(如果不存在,则创建该文件)添加以下代码:
      # 设置别名
      alias chrome='open -a "Google Chrome"'  # 设置用谷歌浏览器打开文件的别名
      alias gc=chrome  # 设置chrome命令的简写别名
      
      alias firefox='open -a "Firefox"'  # 设置用火狐浏览器打开文件的别名
      alias ff=firefox  # 设置firefox命令的简写别名
      
      alias safari='open -a "Safari"'  # 设置用Safari浏览器打开文件的别名
      alias sf=safari  # 设置safari命令的简写别名
      
    2. 保存,并重启终端;

    三. 使用方法:

    以后便可以在终端(或者VisualStudioCode自带的终端)中通过如下命令用指定的浏览器打开文件了:

    用Google Chrome浏览器打开指定的文件:

    chrome 文件路径名
    

    简写形式:

    gc 文件路径名
    

    用Firefox浏览器打开指定的文件:

    firefox 文件路径名
    

    简写形式:

    ff 文件路径名
    

    用Safari浏览器打开指定的文件:

    safari 文件路径名
    

    简写形式:

    sf 文件路径名
    

    相关文章

      网友评论

        本文标题:VSCode中用浏览器打开文件的解决方案

        本文链接:https://www.haomeiwen.com/subject/vsaosxtx.html