vscode

问题 最近想在自己的电脑上写一些pixi js 的 demo, 编辑器是VScode，配置open in browser 插件，使用默认谷歌浏览器打开html之后发现因为cros policy 的问题，文件不能打开本地的图片文件。报错如下： 解决方案一 按照网上大家的建议，我在桌面上添加了谷歌浏览器的图标，修改属性： 修改完毕之后VScode默认的打开方式还是不能访问本地图片，但是将链接复制到从桌面图标处打开的浏览器中可以正常访问本地图片了。到此问题算是解决了一半，每次写完效果想在浏览器中查看时，快捷键alt + b 打开的默认浏览器模式还是不能正常访问，要把链接复制粘贴到另一个窗口才行，操作起来很是麻烦。目前还没有找到解决办法。。。。 解决方案二 方案一不是一劳永逸的方法。参考了这篇博客发现可能是VScode和open in browser插件的问题，我直接在html文件中插入本地图片是可以的，但是换了pixi js 就不行了。使用live server 插件后再打开浏览器就没问题了。问题最终使用live server 插件解决。 来源： CSDN 作者： 在养一只虎纹� 链接： https://blog.csdn.net/yutingwu816/article/details/104180030

vscode vue VsCode算是比较热门的一个代码编辑器了，全名Visual Studio Code 下载地址： 点我去下载 插件众多，功能齐全，我在平常开发过程中都是用的它，整理了些自认好用的插件， 自己也记录下，万一以后换电脑了捏😂 参考文档： https://liubing.me/vscode-vue-setting.html Vetur 插件文档地址： https://marketplace.visualstudio.com/items?itemName=octref.vetur 开发Vue必装的一个插件 未安装之前vue文件显示这样的 安装完成后显示这样的，看着是不是贼拉舒服 Vue 2 Snippets 插件文档地址： https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets 主要加强vue的便捷写法 Auto Close Tag 插件文档地址： https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag 自动闭合标签所用 配合快捷键 Alt+. ( Command+Alt+. for Mac)特别好使。 Auto Rename Tag 插件文档地址： https:/

使用VSCode可以调试.Net Core，但是调多个项目就需要进行一番设置。 首先创建一个总文件夹，以NetProjects文件夹为例，并创建一个解决方案。然后创建俩个.NetCore项目，并添加到解决方案，点击右边的蜘蛛图标进行调试。 vscode会提示生成调试方案，自动生成.vscode文件。但是会发现只能调试一个项目。要想调多个项目，可以设置.vscode文件下的Tasks.json和launch.json。 Tasks.json设置:如果调多个项目可以直接将Build下的内容设置为解决方案，这样每次生成的都将解决方案的csproj重新生成，也可以在调试不同的项目，手动调csproj launch.json设置：每一个Name对应这调试中的项目信息 Tip ：如果设置控制台的输出在新的cmd窗口，则设置 "console": "internalConsole", 来源： https://www.cnblogs.com/dlvguo/p/10645209.html

微信小程序开发-mpvue配置 mpvue是需要有vue.js基础的，它是基于Vue的微信小程序框架，如果没有学过的vue框架的，要先去学一下vue基础，去看vue的官方文档是最好的学习方法，附上链接： vue官网 下面是我初次学习mpvue的学习心得： 用Vue的方式来写小程序，支持发布多个平台的小程序, 目前不支持H5。 初始化一个mpvue项目 需要安装Node.js环境，如果还没有安装的，先下载安装 Node.js #先检查下 Node.js 是否安装成功，查看版本 $ node -v v8.9.0 查看npm的版本 $ npm -v 5.6.0 2.设置淘宝镜像源 因为npm默认的源在某些国内主机（如阿里云）的某些时间段访问会非常的慢，使用国内的淘宝镜像源会比较快 #查看是否设置为淘宝源 npm config list #没有的话要设置: npm set registry https://registry.npm.taobao.org/ 3.安装vue-cli@2.x版本,全局安装一个桥接工具 npm install -g @vue/cli-init mpvue官网上的全局安装它会覆盖你之前的脚手架vue-cli的版本,而上面那个命令会兼容几个版本的脚手架 4.创建项目 vue init mpvue/mpvue-quickstart 项目名 新手的话,所有选项都选yes

小白小小白，万事开头难啊，要问什么难，咱啥也不懂，配置环境就挺难的，跪了。 啰嗦一句，最近真的是忙透了，本说断更一周，不成想，it也有爱情，这博客竟然一天不更浑身难受，你说这还不是爱情么。emm……你别走，看我啰嗦这么多了，就看看你想解决的问题把，VsCode中搭建Go开发环境。 安装Golang 官网上下载Golang的安装包 传送门(需要FQ) Windows安装：打开安装包后，一直Next就好了。安装时记好自己的安装路径，我自己就默认安装到C盘了。 听说现在的版本不需要配置环境变量了，会自动配置，还挺好的，舒服。咱也不懂，可能是 我这个自动配置了？也挺好，哈哈！ 验证一下 在DOS下敲 go version， 如下图，则说明安装成功。 注：也可以看我上篇文章 Go开发环境搭建-Windows 得，go语言从配置环境变量到放弃,还是说一下怎么配置吧！ 配置GOPATH(定义工作区) GOPATH路径最好只设置一个，所有的项目代码都放到GOPATH的src目录下。 在工作区文件夹下创建src、bin、pkg文件夹 然后我们把bin文件环境变量也配置一下。 在path后加bin文件所在目录。 配置Go开发环境 我使用的是VSCode，真的是看见别人用这个IDE用的比较多，紧跟大佬们的步伐么。大家也可以选择自己习惯的编译器啊，那么，我就要说你了，请绕道离开(不用浪费时间嘛

pytest是比较好用的测试框架, 用vscode 调试很方便但是需要配置一下launch.json 在configurations里加上下面的节点. 百度找了半天的中文网页没找到, 后来去http://cn.bing.com/ 国外网站搜到了 原文地址 https://keathmilligan.net/debugging-pytest-in-vscode { "version" : "0.2.0" , "configurations" : [ { "name" : "PyTest" , "type" : "python" , "request" : "launch" , "stopOnEntry" : false , "pythonPath" : "${config:python.pythonPath}" , "module" : "pytest" , "args" : [ "-sv" , "--disable-pytest-warnings" , "--html=report.html" ] , "cwd" : "${workspaceRoot}" , "env" : { } , "envFile" : "${workspaceRoot}/.env" /*"debugOptions": [ "WaitOnAbnormalExit", "WaitOnNormalExit",

从正式学习git到现在，一直用的是Git Bash Here自己虽然安装了vscode的git插件，但是每次打开都会报错，今天特意翻译了一下，发现是没有给vscode配置git软件的路径----怪不得！ 参考这篇文档，找到了方法，虽然不一样，但只要把那两行路径给加上，就行了 1.要想在VS Code里面使用Git需要在编辑器内配置git.path 把git.path的地址改成 你安装的git地址里面的bin文件夹下的git.exe 如图： 2.VSCode中Git的使用以及Github的免密上传 首先设置一下全局变量，以下命令直接在git-bash-here终端上输入即可，成功之后会在你的电脑用户跟目录下生成一个 .gitconfig的配置文件，里面包含着你的用户名及密码 在默认用户设置里面搜索以下字段 terminal . integrated . shell . windows 还是那个settings文件，如果里面没有就自己加上 它的路径设置成 你安装的git地址里面的bin文件夹下的bash.exe 然后我的需要重启一下vscode，不然没效果 重启以后插件生效了 vsocde中git的基本操作 vsocde中git的基本操作 来源： CSDN 作者： 唐都恩了 链接： https://blog.csdn.net/weixin_44614772/article

工欲善其事，必先利其器，安利一波前端插件。 Chinese (Simplified) Language Pack for Visual Studio CodeVScode汉化插件 Beautify代码自动美化插件 Bracket Pair Colorizer括号有颜色容易区分的插件 vscode-icons文件图标插件 open in browser打开浏览器插件 Prettier代码格式化插件 Quokka是一个调试工具插件，能够根据你正在编写的代码提供实时反馈，方便demo操作 Path Intellisense自动提示文件路径，支持各种快速引入文件 Debugger for Chrome映射vscode上的断点到chrome上，方便调试 GitLens方便查看git日志 Project Manager在多个项目之前快速切换的工具 SVG Viewer直接在编辑器就可以打开SVG 文件查看 Document This快速注释 Auto Close Tag自动闭合HTML/XML标签 Auto Rename Tag自动完成另一侧标签的同步修改 HTML Snippets智能提示HTML标签，以及标签含义 HTML CSS Support智能提示CSS类名以及id HTMLHinthtml代码检测 HTML Boilerplatehtml模版插件 CSS

初步熟悉了vsc的工作逻辑.在前面一篇的配置过程中里也熟悉了一点.json配置文件的编辑逻辑. 把插件都记录在这里会不会有利于工作环境的迁移?我觉得这是法律允许的事情.jpg. vsc已安装的插件说明(持续更新中) Bracket Pair Colorized 2(各层括号多彩配对) C/C++(MS官方的语言支持) C++ Intelllisense(定义文档跳转+自动补全+……) Chinese (Simplified) Language Pack for VSC Code Runner (gcc集成工具) Indenticator(高亮代码当前的层级) - JetBrains IDE Keymap(JetBrains家的快捷键布局) LaTeX language support(LaTeX的补全支持等) LaTeX Workshop(LaTeX的编译支持等套件的集成) Live Share(实时协作,暂时用不到) Markdown Preview Enhanced(一个非常好用的markdown插件,基本上集成了所有需要的功能) markdownlint(针对markdown的语言提示和风格检查) Material Icon Theme(鹅厂推荐的Icon Theme,好看就留了) PowerShell(MS预装) Python(MS官方的语言支持) TabNine

1、找到vsCode安装目录 按照下面步骤，找到expand文件夹，找到expand-full.js文件 D:\vscode\anzhuang\Microsoft VS Code\resources\app\extensions\emmet\node_modules\vscode-emmet-helper\out\expand 2、打开 用ctrl+f 查找 下面代码 "!!!": "{<!DOCTYPE html>}", 找到下面代码块： "cmd": "command", "ri:d|ri:dpr": "img:s", "ri:v|ri:viewport": "img:z", "ri:a|ri:art": "pic>src:m+img", "ri:t|ri:type": "pic>src:t+img", "!!!": "{<!DOCTYPE html>}", // "doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body", "doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body", "!|html:5": "!!!+doc", "c": "{<!