![](https://img-blog.csdnimg.cn/20190612115021854.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Visual Studio Code
Visual Studio Code
前端杂记
这个作者很懒,什么都没留下…
展开
-
VSC系列 | 自动刷新浏览器——Live Server(插件篇)(十一)
问题描述有时候,项目编辑后不能自动刷新浏览器,那么就需要手动刷新浏览器,这样就非常麻烦。在VSC中如何实时预览页面呢?解决办法1、搜索并安装插件Live Server2、右键点击“Open with Live Server”。此时会开启一个本地服务器。效果图自动刷新...原创 2020-01-22 10:50:30 · 3609 阅读 · 9 评论 -
VSC系列 | 实时预览Markdown——Markdown Preview Enhanced(插件篇)(十)
问题描述在VSC中如何实时编辑或查看.md文件解决办法搜索并安装插件 Markdown Preview Enhanced效果图打开一个.md文件测试看看是可以实时查看效果...原创 2020-01-17 09:31:31 · 2336 阅读 · 0 评论 -
VSC系列 | Visual Studio Code格式化代码的快捷键(九)
On WindowsShift+Alt+F On MacShift+Option+F On UbuntuCtrl+Shift+I原创 2018-12-24 09:36:19 · 15834 阅读 · 0 评论 -
VSC系列 | 解决误触导致界面放大很多(八)
一次偶然,误触到一个快捷键,界面就变大了。变大的部分包括编辑器的所有内容,就像一张图片,被放大一样,但功能都能使用。搜了很久,才发现是在这儿设置的~(细心的你,一定发现编辑窗口目前是6个文件)还是习惯界面上的文字/图标都小一些,可以看到更多内容。目前已恢复如下:(细心的你,一定发现编辑窗口现在是8个文件)修改配置:这个功能有点类似开车前调主驾驶座位,一次调后,基本就不...原创 2018-12-10 13:15:04 · 10026 阅读 · 3 评论 -
VSC系列 | visual studio code 快捷键官方pdf 可打印,中文版 window(七)
引用了https://blog.csdn.net/crper/article/details/54099319 的翻译自己把官网打印稿中的英文替换了一下,方便打印出来平常使用。官方PDFPSD下载地址JPG下载地址打印一张看下:这个使用率倒是不高,要是有童鞋觉得需要,可以下载看看。...原创 2018-09-10 10:51:33 · 3132 阅读 · 0 评论 -
VSC系列 | 代码快捷输入法(插件篇)(六)
插件:Atom JavaScript Snippet编辑器写console.log()的频率有多高,想必大家最熟悉不过了吧~老老实实的一字字打,也太实在了,VSC里通过插件就可以“log+Tab”,补全console.log()。步骤1:搜索tom JavaScript Snippet,一定要看介绍哦,里面除了【log简写】,还有许多其他常用的~步骤2:安装并重新加载常用简...原创 2018-08-14 16:45:37 · 4256 阅读 · 0 评论 -
VSC系列 | 自动保存文档的功能(五)
“VSC自动保存功能”就像车的无钥匙进入和无钥匙启动一样,是非常方便的功能。属强烈推荐配置。在实际编写代码中,编辑器不会自动保存文件,每一次修改内容都需要ctrl+s,非常的麻烦,可以通过如下设置,提高工作效率。...原创 2018-07-26 09:20:27 · 1434 阅读 · 0 评论 -
VSC系列 | 调用浏览器运行HTML代码——open html in default browser(插件篇)(四)
1、搜索插件 open html in default browser,安装,并重新加载2、文件中右键选择在浏览器中打开或者在文件夹中选择文档,右键选择在浏览器中打开网络上有教程说,安装View In Browser扩展,我测试时,发现不能用,所以用这个方式。...原创 2018-07-01 15:01:18 · 5572 阅读 · 0 评论 -
VSC系列 | 快速生成标准的html代码(三)
VSC新建.html时是空文档,没有标准的html标签,一行一行敲巨麻烦,如何快速生成HTML代码:第一步:新建.html文件第二步:在空文档中输入!(英文)第三步:按下tab键。效果如下:...原创 2018-07-01 14:27:03 · 7998 阅读 · 2 评论 -
VSC系列 | 如何安装Visual Studio Code(二)
1、 https://code.visualstudio.com/从官网上找到需要下载的版本。这儿,区分各版本,找到适合自己电脑的版本:Stable是稳定版的意思,Insiders是内部预览版。内部预览版有更多先进特性,但更可能出bug。Installer是安装版,.zip是解压版,windows专用。.deb,.rp...原创 2018-07-01 14:14:43 · 23507 阅读 · 2 评论 -
VSC系列 | 为什么学习Visual Studio Code(一)
随着前端的发展,编辑器也发生了改变,还记得2年前刚学前端时,招聘介绍、视频教程很多还是说Dreamviewer、Sublime,高级点的就用Webstrom。这三种编辑器都用过一段时间。Dreamviewer过时了,Sublime过于轻量了,Webstrom又太重了。Visual Studio Code目前是最合适的。Webstrom用了一年多,习惯了它,要改变,还是件挺难受的事,就像现在都2...原创 2018-07-01 14:04:06 · 6975 阅读 · 1 评论