美文网首页Python+VS Code
VScode的使用技巧

VScode的使用技巧

作者: zhangchijian | 来源:发表于2016-12-19 15:06 被阅读138次

使用Visual Studio Code打开浏览器查看HTML文件

vscode出来之前一直使用sublime,后者在编写HTML文件时可以通过点击鼠标右键,找到open in browser来启动系统默认浏览器,而vscode却没有这个功能,调试和预览起来比较麻烦。不过可以通过配置tasks.json文件来解决这个问题。
Ctrl+P打开命令面板,输入tasks.json然后回车打开这个文件,可以看到默认配置,然后修改如下

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "Chrome",//使用chrome浏览器
    "windows": {
        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
        //当前电脑的Chrome目录
    },
    "isShellCommand": true,
    "args": ["${file}"],//表示对当前文件进行操作
    "showOutput": "always"
}

相关文章

  • VSCode 使用技巧

    1. 修改当前行颜色: 1. go to file > Preferences > settings2. type...

  • vscode 使用技巧

    1、注释 单行注释:'ctrl + /’ 多行注释(块注释):'Alt+Shift+A’ 2、使用clg 可以快速...

  • VSCode使用技巧

    VSCode所有的快捷键,都可以进行自定义,只需要通过设置->键盘快捷键方式->搜索快捷键->双击键入自定义快捷方...

  • Vscode使用技巧

    1,npm run lint -- --fix 运行eslint检查代码错误

  • vscode使用技巧

    一、创建新建文件模板: 1.打开vscode,找到用户代码片段 2.在当前工作空间下创建代码片段,也可设置全局代码...

  • vscode 使用技巧

    之前笔者写过几篇关于vscode的文章 鱼和熊掌:VSCode+Vim , VSCode Vim进阶操作,VSC...

  • VSCode 使用技巧

    (一) 插件相关 通用插件 标签自动成对修改Auto Rename Tag 目标文件自动联想AutoFileNa...

  • vscode使用技巧

    1、选中中划线

  • VScode的使用技巧

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

  • vscode一些插件的使用方法

    关于vscode的使用技巧,可参考官网http://code.visualstudio.com/docs,user...

网友评论

  • 西瓜源又源:你好,请问这样配置后是直接点击运行查看html代码的结果吗?

本文标题:VScode的使用技巧

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