美文网首页让前端飞技术干货工具癖
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中用浏览器打开文件的解决方案

    在VisualStudioCode中,没有像WebStorm中那种直接在指定的浏览器中打当前html的功能,这有些...

  • vs code插件

    1.open in browser:在浏览器中打开文件2.vscode-icon:给项目文件夹前边加上icon

  • VScode的使用技巧

    使用Visual Studio Code打开浏览器查看HTML文件 vscode出来之前一直使用sublime,后...

  • 单独运行js文件的办法

    js代码如果脱离浏览器,只能运行在node环境中。1.在vscode中打开js文件2.在vscode终端上cd到j...

  • Python问题总结

    1、必须用VScode打开文件所在目录调试,不能只打开文件。VSCode会在该目录下创建一个.vscode目录,其...

  • node.js 里面的http-server

    vscode在本地编写的html文件 是以file文件的格式开头在浏览器打开的,测试平常js的事件完全没有问题,但...

  • vscode常用插件

    vscode常用插件 View In Browser :浏览器打开 ctrl +f1 vscode-icons:...

  • VSCode + make + makefile +

    一、VSCode 自带 新建文件夹 Test -> VSCode 打开 Test -> 新建文件 main.cpp...

  • 如何在vscode当中直接用浏览器打开项目

    找出文件夹,将文件夹用vscode打开,或者,将文件夹拖到vscode当中,找出项目,将所需项目打开,然后快捷...

  • Weex之路(二)配置热更新预览

    vscode中打开项目 系统会自动打包到dist目录下的JS文件然后新建一个命令行窗口 运行后浏览器会自动打开调试...

网友评论

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

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