vscode 的 live server 插件是一个很好用的插件,它会帮使用者自动开启一个服务器,保存的时候便自动刷新浏览器页面 安装完便在 vscode 右下方显示如图 Go Live 字样,点击便可用. 今天在用 vscode 的时候发现我 vscode 下方的 golive 竟然消失了!!! 找了很多办法,重启它,重启 vscode ,卸载重新安装,一遍遍重启都不好用,头疼不已 然后我在GitHub上看到了关于这个问题的一条 Issue,感兴趣的小伙伴可以移步去围观↓ https://gi

距离上一次编写这个vscode在博客园发博客的插件已经过去好久了,那个时候vscode插件的功能也没有那么强大,期间有人提出问题来,也有人提出建议来,我一直没有抽出时间来维护,深感抱歉,直到有人加到我的群里我才下定决心要抽出时间来维护一下,毕竟还是有人想用的,不能让所有人失望吧.好了废话不说,下面介绍一下更新后的内容. 安装 从marketplace安装 点击左边的bar上面的扩展图标,然后在输入框输入WriteCnblog可以找到该插件,点击安装就可以了. 提示:如果是macOS或者Linux

写前端代码时,用过webstorm,sublime,vscode,最终还是选择了vscode,主要原因是(好看)简洁的编程环境,丰富的插件功能.不过无论是哪一个编辑器,长时间看着黑色/白色的背景难免单调. 话不多说,详情那就看步骤吧 1.安装插件 这一步很简单,直接在拓展界面搜background就行. 安装完成后,重启vscode,进入User Settings用户设置,在搜索框中打background,应该就能看到这样的设置了. 2.设置配置 打开设置,在搜索框中输入background,选

首先,Ctrl+Shift+P安装backround , 而后重启vscode会有默认的背景图片 修改背景图,可自定义三张 具体请看gif图 最开始时,发现png根本不是全透明,用ps处理了一下(下列所有操作均字母组合) 1.1 Ctrl+O(字母) 打开文件 1.2 Ctrl+J 复制图层 1.3 背景去掉 1.4 右击打开“混合选项” 1.5 选择20%的透明度 1.6 Ctrl+Shift+Alt+S保存图片为png 24位,最后导出即可使用. 完整效果图

最近在知乎上看见有人设置了vscode编辑器的背景图片,觉得很新鲜,就尝试以一下,倒是成功了. 1.首先在vscode扩展中,找到background这个插件,快捷键Ctrl+shift+x 2.完成第一步就已经有默认背景了,可是想设置自己喜欢的怎么办?往下看 打开 文件>首选项>设置 在右侧设置里 "background.enabled": true, "background.useDefault": false, "background.c

最近打开 typora 时发现弹窗强更,不让用 beta 版了 想到自己并不是非常需要 WYSIWYG,而且也不是经常使用 typora,于是直接退回到 VSCode 了,而且在 VSCode 里可以直接打开终端操作,写完了推送到 GitHub 都很方便. 然后就是老生常谈的图片问题,之前记录过 typora 上的 解决办法 ,VSCode 上利用扩展也可以解决,下面简单记录下. 推荐插件 Markdown All in One : 快捷键.生成目录.自动预览等等 Markdown Image

本文转载自https://blog.csdn.net/yukinoai/article/details/84564949 1.以管理员身份运行VS Code,安装background插件 2.打开setting,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑 3.在用户设置中输入以下代码,修改完后保存,会提示重启VS Code,点击确定后即可完成修改 //background 的相关配置 "update.enableWin

环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd Demo npm init name: demo version:0.0.1 description:This is a demo. entry point:[Enter] test command:[Enter] git repository:[Enter] keywords:[Enter] author:

最近想开始写点博客什么的,然后看到在博客园注册了一个账号这么久,也没有写过文章,就想在博客园写点什么来刷个存在感,而且觉得用Markdown编辑器来写文章挺不错,但是博客园自带的Markdown编辑器感觉好像没有那么好用的样子,然后看到vscode里面带的Markdown编辑器挺不错,而且vscode是跨平台的,并且可以自定义css,这样就可以和页面弄相同的样式来预览,于是就想能否写个插件,用vscode来写文章,然后直接发布文章到博客园里面,于是花了点时间写了个插件,本人比较懒,这个插件拖拖拉

打开jupyter-ipython 其实人家就叫jupyter了,后面咱可能就少提ipython了. # 打开命令行,让我们输入 jupyter notebook 当然,这个前提是你已经安装了jupyter并学会了基本使用,请看本系列的前两篇文章. jupyter巨好玩-简介与安装 jupyter巨好玩-常用设置 ok,咱们继续! 这时候应该已经自动打开一个网页了,右上角有个new点一下,出现下拉菜单,是你的python版本,点一下,就会新建一个网页,就可以开始玩了! 如下图所示: 第一行是ju

Setting Up Your Development Environment 设置你的开发环境 To setup your development machine download and install .NET Core and Visual Studio Code with the C# extension. Node.js and npm is also required. If not already installed visit nodejs.org. 首先在你的机器上下载.Ne

转载自http://m.2cto.com/kf/201606/516207.html 首先看效果 设置断点,变量监视,调用堆栈的查看: 条件断点的使用: 下面是配置过程: 总体流程: 下载安装vscode 安装cpptools插件 安装编译.调试环境 修改vscode调试配置文件 完了 下载安装vscodehttps://code.visualstudio.com/Download点击下载自己喜欢的相应版本,绿色版解压即可食用 安装cpptools插件打开vscode,按ctrl+e打开快速命令

前言 .Net Core 2.0已经发布几个月了,惭愧!身为一个开发人员现在才开始接触,有人说有VS这一宇宙第一IDE在,为啥还要用VSCode,为啥?因为我们是程序猿啊!我们是攻城狮啊!我们爱折腾啊,在非windows下体验编译net的那种兴奋刺激的感觉,就像刚接触编程时第一个HelloWorld输出在电脑屏幕时的那种感觉,爽!看看我大net也能跑在linux下了. 本文是参考张善友老师的博客和微软官方教程下完成,下面开始(请原谅穷逼的我只能在window下练习了),如有不合理的地方欢迎指正,

vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vscode既拥有高自由度.又

vue提示插件[Vscode]       编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受.曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了. 在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等.比较了下载数量可以了解到,vetur 是目前比较好的语法高亮插件,我们来安装一下吧. v

什么是PlantUML PlantUML是一个快速创建UML图形的组件,官网上之所以称它是一个组件,主要是因为多数情况下我们都是在Eclipse.NetBenas.Intellijidea. Emacs.Word等软件里来使用PlantUML(参看各软件相关配置). PlantUML支持的图形有: sequence diagram, use case diagram, class diagram, activity diagram (here is the new syntax), compon

更多文章请戳VSCode插件开发全攻略系列目录导航. 代码片段 代码片段,也叫snippets,相信大家都不陌生,就是输入一个很简单的单词然后一回车带出来很多代码.平时大家也可以直接在vscode中创建属于自己的snippets: 创建代码片段 那么如何在扩展中创建snippets呢? package.json文件新增如下: "contributes": { "snippets": [ { // 代码片段作用于那种语言 "language": &

更多文章请戳VSCode插件开发全攻略系列目录导航. 什么是Webview 大家都知道,整个VSCode编辑器就是一张大的网页,其实,我们还可以在Visual Studio Code中创建完全自定义的.可以间接和nodejs通信的特殊网页(通过一个acquireVsCodeApi特殊方法),这个网页就叫WebView.内置的Markdown的预览就是使用WebView实现的.使用Webview可以构建复杂的.支持本地文件操作的用户界面. VSCode插件的WebView类似于iframe的实现,

更多文章请戳VSCode插件开发全攻略系列目录导航. package.json 在详细介绍vscode插件开发细节之前,这里我们先详细介绍一下vscode插件的package.json写法,但是建议先只需要随便看一下,了解个大概,等后面讲到具体细节的时候再回过头来看. 如下是package.json文件的常用配置,当然这里还不是全部: { // 插件的名字,应全部小写,不能有空格 "name": "vscode-plugin-demo", // 插件的友好显示名称,

如果您的孩子不适应编译型语言怎么办? 如果您的孩子贪玩不想花多时间在编程上怎么办? 如果您还没有孩子怎么办? 如果您夜晚兼职觉不够睡又怎么办? 不妨试试 “ 拍 簧 片 ”. 妈了巴子的有点麻烦,但别怕,接下来我将用一把梭带你把这个“场子“搭起来: 使用VSCode搭建“拍簧片”环境: 1.装VsCode和你喜欢的浏览器. 2.装下面的组件, 3.装WAMP集成环境,中途会让你选VsCode和浏览器. 4.下载composer包管理, 这里: https://getcomposer.org/Co

识别模版引擎 1.Apache Velocity :识别Velocity(vm) 2.Art Template Helper:识别artTemplate 点击路径跳转 1.Laravel goto view 在浏览器中查看 1.View In Browser 外观配置 配色:Solarized Dark/Darcula Theme/Atom One Dark Theme 图标:VSCode Great Icons/Material Icon Theme,给不同类型的文件配置不同的图标,非常直观: