VSCode怎么自动预览代码
VSCode怎么自动预览代码?？
Visual Studio Code 中🎈*__😽🦅，使用Ctrl+Mouse Click 在当前grouped editor 中打开函数实现所在的文件并且scroll 到函数实现处😉-🌖🍃。Ctrl+Alt+Mouse Click 和上面的区别是🥊——🐺，函数实现所在的文件会在新的editor 中打开🐖🐗_🦢😐，这样你就可以side by side 观看代码了🐪🦥——-🦣🌸。Mac 上相应的key combinations 是Cmd+Click🦍🌪|——🐆🤬，C到此结束了？😚|-🕊🌍。
题主是否想询问“vscode类sublime快速预览模式的方法”？具体方法如下🌔_-🕸🐰。1🐑*_😦、鼠标悬停预览💫👻——🌪：将光标悬停在代码上🦁😈|——😤，会弹出一个预览窗口😔😧_——*🦋，显示该代码的摘要信息🙉🦆——🕸。2🦖😔_🐊🐸、快速打开文件😕🪴——-🐼😣：使用快捷键Ctrl+P(Windows)或Command+P(Mac)🍂🌹——_😵，输入文件名或路径的一部分🦄-_🌏🤯，然后按Enter🎋☘️||🐆*，就可以快速打开该文件🦘🌍——🪶，并在编辑器中进行是什么🦨——-🦒。
Visual Studio Code 中🎈*__😽🦅，使用Ctrl+Mouse Click 在当前grouped editor 中打开函数实现所在的文件并且scroll 到函数实现处😉-🌖🍃。Ctrl+Alt+Mouse Click 和上面的区别是🥊——🐺，函数实现所在的文件会在新的editor 中打开🐖🐗_🦢😐，这样你就可以side by side 观看代码了🐪🦥——-🦣🌸。Mac 上相应的key combinations 是Cmd+Click🦍🌪|——🐆🤬，C到此结束了？😚|-🕊🌍。
题主是否想询问“vscode类sublime快速预览模式的方法”？具体方法如下🌔_-🕸🐰。1🐑*_😦、鼠标悬停预览💫👻——🌪：将光标悬停在代码上🦁😈|——😤，会弹出一个预览窗口😔😧_——*🦋，显示该代码的摘要信息🙉🦆——🕸。2🦖😔_🐊🐸、快速打开文件😕🪴——-🐼😣：使用快捷键Ctrl+P(Windows)或Command+P(Mac)🍂🌹——_😵，输入文件名或路径的一部分🦄-_🌏🤯，然后按Enter🎋☘️||🐆*，就可以快速打开该文件🦘🌍——🪶，并在编辑器中进行是什么🦨——-🦒。
首先🐃——🦫，在vscode里面新建一个项目😪🐪————🥀，然后再在项目里面新建html文件🦊🙄_🌨，注意🐈🍂-_🎉，必须要在项目里面新建html文件才行哦🐈⬛_🎰。之后🦣🐡__🦌，我们点击vscode界面左边的扩展图标😻-🎄，如图所示🐆-_🌞🌜，这个就是扩展图标*_🌴🏈。之后😲🦄|——✨🎖，就可以打开扩展搜索窗口🦚🌦|🎗，扩展其实说白了就是插件🎄🌲-_🦮🎎。接着我们在输入框输入view🦂🐚_|👺😬，然后选择view in browser,点击右下角的后面会介绍💥🐒|🍃。
在vscode左下角的设置（齿轮状）中打开setting🦃|_😠🎊，在上面搜索预览🤫_|👽，在编辑管理中不选第二项😰_🤨，如图🐙🏈_🐲🦏，
vscode有没有和sublime server一样的插件?？
vscode 有两款比较好用的类似于sublime server一样的插件🐝*-——👺，专门用来调试html和JavaScript🤨|*，用来开发html和JavaScript非常方便👻😠-|🦄🌥，开启插件功能后提供一个本地的用来调试html和JavaScript的web服务器🎆_🦐，保存html文件后可以实时预览更改文件后的效果🦢——😑。一*😃-——🦟、Live Server 安装使用（在打开的html文件中右键）二🐘——-😟🎱、Preview 到此结束了？🐁_-🦣。
但这两种插件🐝🪀_——🎐🥊，预览时需要另外跳转到谷歌浏览器😚🦚——_😮🐵，打开一个标签页🪡|_🪲，调试时跳来跳去🎉🍀-——🌏💐，不太方便🪳*_-🖼。
想问下VScode右上角这个预览小窗有没有办法关闭?？
添加插件Debugger for Chrome🐇🌥_🦤，点击安装☄️🐪|🪳，安装完成之后🌻|_🎍，启动🎨🦆_🎑，
我们写完代码之后⚾_🪱😝，可以通过命令行去编译运行🌜——😜🍃： 打开一个cmd终端进入文件夹位置🦟🥅_-🐡🐿，然后gcc -o hello hello.c 但是每次都用命令行太麻烦了🌟🐵|😈*，怎么样才能更快捷呢？可以通过.vscode文件夹下的json配置文件来配置实现🧩|——🌖。这些json文件怎么写是由vscode开发团队规定的(感兴趣可以去看官方的文档), 还有呢？
运行vue项目快捷键(生成vue代码片段的快捷键)?？
)🎇_|👹，对JPEG.PNG 格式图片进行压缩优化👻——_🌾🦜，代码编辑过程中可自动刷新浏览器查看效果3.postman 用来追踪请求♣😒|——*🎊，查看返回数据🌲——_🌨，还可以看各种请求地址里的文件😁-🐈⬛🐦，前端必备4.homebrew 用来安装各种插件和软件包5.dash 各种api文档🍁🐃-🎉🦭，配合alfred 查找效果更佳哦6.vscode 编辑器配合插件🐣|😬，前端写代码必备🪆——🕊，插件基本上等我继续说⚡️😃——☄️。
根据官方文档*|-😝，我们先执行以下命令安装Yeoman 代码生成工具来创建一个默认的颜色主题项目🌸-_☁️🦥：$ npm install -g yo generator-code安装完毕之后🌚💀————🌵🌕，进入~/.vscode/extensions 目录执行以下命令启动生成器🦚🦟-_😙🎍：$ yo code说明🐦🐘——🐵🌦： ~/.vscode/extensions 表示用户根目录下的.vscode/extensions 目录🐉——⚡️💫，之所以在此处新建项目主要是为了不有帮助请点赞🐟🎁——_🙉🌩。