![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VS Code
weixin_43688734
这个作者很懒,什么都没留下…
展开
-
VSCode的prettier插件怎么格式化html文件才好
VSCode的prettier插件可以很方便的帮助我们格式化文档,但是对于HTML文件的格式化并不友好,每次我使用prettier格式化之后,html标签都会换行,这样html标签之间的结构就不是很清楚了,看起来很费劲。格式化之后就成了这样:搜索了很久怎样让prettier格式化html时不换行,但都没有结果,现在发现可以通过设置prettier超过最大宽度换行的值来调整是否换行,效果不错。打开VSCode的设置界面,设置prettier插件的Print Width值:此时格式化之后,结构就清晰原创 2021-06-18 10:11:21 · 7569 阅读 · 3 评论 -
Typora配置图床
我尝试过很多方法,想将markdown文件的图片配置好,markdown文件我喜欢用VSCODE来编写,因为可以边写代码边写文档,但是这个markdown文档的图片就很难用其它的编辑器来查看,在网上查了原因之后才发现,不同编辑器中图片保存的位置不一样,造成打开时识别不了这个位置,更重要的是,这个markdown文件分享的时候,别人没办法连接到这个图片地址,影响分享的效果。我遇到的问题,别人也遇到了,配置图床是一个非常好的选择。将markdown文件中的图片上传到一个网络服务器中,给图片一个网络链接,那么图原创 2021-02-08 09:51:48 · 139 阅读 · 0 评论 -
VSCODE代码分享插件Polacode-2020
我们可以使用Carbon这个网页来制作代码图片,但是还需要打开网页,复制-粘贴代码,比较麻烦。VSCODE有一个代码分享得插件,可以直接在编辑器里面生成代码图片,很方便,现在分享给大家。安装插件在VSCODE里面搜索polacode,会出现很多类似的插件,第一个出现的Polacode是原版,其余的都是模仿的版本,但是原版我在VSCODE上使用没有反应,所以只好使用Polacode-2020,效果也非常好。点击“安装”即可。按ctrl+shift+p,打开命令面板,输入polacode,打开这个插件原创 2021-02-07 19:29:06 · 3373 阅读 · 5 评论 -
怎样在VSCODE终端直接显示JS代码执行结果
在学前端的过程中,一直都是在浏览器中显示代码执行结果,在调试JS文件时不是很方便,有时候我们只想知道代码的执行结果,程序来回的切换很麻烦,那么可以在VSCODE终端中直接显示JS代码执行结果。方法一:打开终端,在终端中输入node 文件名,然后按回车。方法二:安装code runner插件,然后按F1,输入run by language,选择JS执行。当然Code Runner插件可以进行设置,通过快捷键来执行是非常快的。...原创 2020-11-03 14:15:03 · 8095 阅读 · 2 评论 -
vue-cli 3.x中eslint如何和谐地解决报错问题
使用vue-cli 3.x构建项目很方便,但是里面的ESlint代码规范提示很烦人,动不动就报错,而且VSCode中第三方格式化插件格式化出来的代码也报错,但是vue-cli是多个人写的啊,不可能把它给关掉。(如果是个人写的项目,可在创建项目时不选中ESlint)。ESlint主要报错就是空格、引号这些规范。可以在项目根目录中创建一个.prettierrc的文件,里面写两段代码:去除不必要的分号及引用文件时使用单引号。...原创 2020-09-16 21:01:43 · 233 阅读 · 0 评论 -
使用Carbon生成漂亮的代码图片
当我们向展示代码给别人看的时候,我们想让代码保持原有的格式,并且要好看一点,这里有个工具可以帮助我们这样做。CarbonCarbon是开源免费的代码图片生成器,可以为我们生成漂亮的代码图片。操作也是非常简单,直接将代码粘贴在代码区,然后设置想要的格式即可。GitHub地址:https://github.com/carbon-app/carbon网址:https://carbon.now.sh/格式设置好之后,可以按Export键导出图片,图片的格式为PNG或SVG格式。...原创 2020-07-23 12:33:14 · 954 阅读 · 1 评论 -
VS Code两个版本共存
VS Code是一款非常好的编辑器,我很喜欢它丰富的插件和轻量的体积。因为我不止写一种语言的代码,所以我需要下载很多个插件,但是插件之间的冲突也是不可避免的,查找问题的原因我也觉得很麻烦,终于让我发现,原来VS Code两种版本可以共存,一种就是我们最经常使用的稳定版本,一种就是insiders版本。两种版本可以共存使用。1.两种版本的异同稳定版是固定1个月一次大的更新,而insiders版是每天都会更新。这是最大的区别,而他们可以在同一台机器上共存,而且用户设置、颜色主题、快捷键设置、插件都是相互独立原创 2020-07-20 18:02:48 · 7609 阅读 · 0 评论 -
VS Code打开一个文件会覆盖已打开的文件窗口
在使用VS Code时,我们打开一个文件,往往会覆盖掉之前打开的文件窗口,就像这样:而我们不需要将其覆盖,解决方法是在settings.json文件里面添加一行代码:"workbench.editor.enablePreview": false,如果又想要覆盖效果了,则将后面的false改为true即可。...原创 2020-07-08 16:52:22 · 1917 阅读 · 0 评论 -
VS Code 创建用户代码片段(前端为例)
VS Code可以创建用户代码片段,方便我们写一些大段的、重复性的代码,方法如下:1.打开文件→首选项→用户片段,或者是直接点击左下角的齿轮按钮→用户代码片段。2.创建代码片段,点击窗口右侧的“新代码片段”,然后输入创建文件的名称,注意名称以.json结尾,点击enter键进行确认。3.在文件中写入自己想要的代码,解释如下:文件中会自动生成一些已经注释的代码,可以删除,也可以不管。给出了example,按照例子来做就行了。prefix是触发词的意思。在body里面写代码。descri原创 2020-07-06 00:52:51 · 654 阅读 · 1 评论 -
VS Code代码片段快速生成文件头(fileheader)信息
在编写代码文件时,如果需要将文件信息填写进去,那么我们一个个敲进去的话太麻烦了,虽然VS Code里面有关于fileheader的插件,但是我们不是每个文件都需要插入,这时候编写一段代码片段让我们自己选择是否插入就方便多了。编写方法如下:新建一个代码片段:选择File -> Preferences -> User Snippets选择代码片段类型,此处为New Global Snippets file选中后,确认新建一个文件。设置fileheader的代码片段(json格式)"原创 2020-07-05 23:39:06 · 1791 阅读 · 0 评论 -
VS Code前端开发好用的插件
我用VS Code来做前端开发,有很多第三方插件可以帮助我们更快更好的写代码,以下是我认为很好的插件。1.原创 2020-07-05 22:42:09 · 416 阅读 · 0 评论 -
VS Code操作快捷键
VS Code是非常好用的编辑器,因为是微软开发的,所以在Windows平台支持度很好,有着丰富的第三方插件生态,让大家能够充分个性化自己的编辑器,其中快捷键的操作也是和Windows平台快捷键大同小异,很多快捷键都可以照搬过来,以下是常用的快捷键。1.Ctrl+Shift+P查找并运行命令。2.Ctrl+P键快速打开文件。3.Home或End键在一行代码里面,按Home键能回到行首,按End键能回到行尾。4.Ctrl+Home或Ctrl+End键在一个文件里面,按Ctrl+Home键能原创 2020-06-30 11:23:36 · 2047 阅读 · 1 评论