vscode

Visual Studio Code配置技巧 VS Code是啥 Visual Studio Code（以下简称 VS Code) 是一个免费、开源、跨平台的由微软开发的程序编辑器。它是用 TypeScript 编写的，并且采用 Electron 架构。官网是 https://code.visualstudio.com/ 。 来源： https://www.cnblogs.com/bingogyz/p/11853452.html

go语言开发，选择vscode作为IDE工具也是一个不错的选择，毕竟goland收费，老是破解也挺麻烦，处了这点，不过说实话挺好用的。vscode的话相对来说就毕竟原始，适合初学者。 1、vscode首先需要安装go语言插件，在vscode扩展中搜索“go”，如下图，下载安装go插件 2、vscode环境配置 打开vscode设置，菜单File -> Preferences -> Settings，Extensions=>Go configuration找到GoPath设置项，选择Edit in setting.json 设置GoPath（go工作路径）和GoRoot（go安装包路径）路径，如下图 3、vscode会自动弹框提示安装其他插件(编写go代码时)，如下图，选择InstallAll 不过由于网络限制问，基本是安装不成功 解决办法，把安装失败信息拷贝出来，然后一个个手动下载到go工作目录src对应目录下 以github.com开头的，如下这些，在src目录下创建一个目录，命名为github Installing github.com/mdempsky/gocode FAILED Installing github.com/uudashr/gopkgs/cmd/gopkgs FAILED Installing github.com/ramya-rao-a/go-outline

总是换电脑重装vscode，备份一下个人使用的插件 Bracket Pair Colorizer 颜色识别匹配括号 Beautify 格式化代码 C/C++ Snippets c++自动补全 vscode-icons 图标修整 Settings Sync 这个插件可以实现同步你的vscode设置，包括setting文件，插件设置等，不过你要先有github的账户，因为它利用了github的token功能，相当于把这样文件上传到了你的github账户中，这样你就可以在其它的电脑上直接下载的配置文件了，不用再配置一次了，相当方便省事了。 Path Autocomplete 有时候程序需要读取文件，自己手动去复制文件路径还是比较麻烦的，不过有了这个插件就方便多了，它能自动感知当前目录下所有的文件，只需要你自己选择就好了。使用方法https://www.cnblogs.com/programs/p/9034240.html 我的Sync: 上传完成。Gist ID:76fff3e708913757fd13399c2ff7750e。请复制这个 ID 并将其用于其他设备来下载配置。 Indenticator 代码缩进用颜色标记出来 sftp 日常的开发环境是window下面写代码，linux上面跑。sftp插件可以方便的把代码同步带remote的linux机器上面。使用教程https:/

Aliyun Serverless VSCode Extension 是阿里云 Serverless 产品 函数计算 Function Compute 的 VSCode 插件，该插件结合了 函数计算 Fun 工具 以及 函数计算 SDK ，是一款 VSCode 图形化开发调试函数计算以及操作函数计算资源的工具。 通过该插件，用户可以： 快速地在本地初始化项目、创建服务函数 运行调试本地函数、部署服务函数至云端 拉取云端的服务函数列表、查看服务函数配置信息、调用云端函数 获得模版文件的语法提示: 自动补全、Schema 校验、悬浮提示 v1.15.0 版本 北京时间 2019 年 11 月 08 日 Aliyun Serverless VSCode Extension 发布了 v1.15.0 版本，该版本 支持更新部署云端 Function Flow 流程。 在 Explorer 面板中，右键流程文件选择 Deploy Flow ，根据向导输入流程名称等信息。 若输入的流程名称在远端已存在，插件将会弹出是否继续更新的提示框，点击确认后将会进行更新。 提供 Function Flow 云端资源信息面板。在云端资源列表中单击流程名称可访问相应的资源信息面板。 提供流程基本信息与流程定义。 提供关于该流程的执行列表信息。 提供执行基本信息与执行事件历史列表。

Debugger for Chrome这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。 首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置 配置步骤如图： 图中配置字段信息解释如下： version : 你定义这个配置文件的版本，生成的时候默认是0.2.0 configuration：配置域 name：配置文件的名字，可以自己起 type：调试的类型，node是vscode本身就支持，其他就需要下载插件了 request : 配置文件的请求类型，有launch和attach两种，launch是需要服务器的需要配置url，这里我就用的它，attach就比较麻烦了，因为配置launch也能用，所以我就没有配置attach了 url:这个是chrome插件带的，指定访问的链接，到这里我觉得就个缺点了，url只能配置死链接，就算用预定义变量也不能做到多项目自动识别要打开的HTML，可能是我没有发现其他的预定义变量，如果有大神知道，欢迎在评论里留言 webRoot：也是chrome插件带的，指定根目录或者执行文件 ${workspaceRoot}:就是你打开vscode读取的项目目录 sourceMaps:默认是启用的，对于打包的调试，大神们就必须开启了 userDataDir：临时目录

接下来便是安装真正协助我们开发的插件： Python　　 ：Python 语法的基本插件 Beautify ：前端美化 Code Runner Resource Monitor Visual Studio IntelliCode Chinese Language Pack vscode-icons Django 　　：Django 的插件，用于模板中语法提示和补全，注意不是搜索出来的第一个，而是后面有个 1.0 版本的 XML Tools ：整个 VSCode 都会用到的插件，运维配置 VSCode 需要 View In Browser ：浏览器快捷打开前端页面 HTML CSS Support ：HTML 基础插件 Path Intellisense ：路径补全插件 来源： https://www.cnblogs.com/m0488/p/11827121.html

1、首先卸载Vscode软件 2、C:\Users\BIN（用户文件夹）.vscode，这是我的路径将.vscode文件夹删除 3、C:\Users\BIN（用户文件夹）\AppData\Roaming\Code，这是我的路径将code文件夹删除 4、重新安装Vscode就会是一个全新无污染的软件 来源： https://www.cnblogs.com/youngleesin/p/11811805.html

1 常用文献管理软件 常用的文献管理软件有mendely，zotero，endnote和Papers(需要付费)，具体对比参考链接 1.1 、 1.2 笔者只用过Mendely，当时综合考虑挑了Endnote和Mendely，发现Endnote打开很麻烦，需要类似于新建工程的过程就立马放弃了。Mendely对我的好处主要是添加文件简单，只需拖拽文件，另外还云同步也方便(前提是有外网)。尽管这类文献管理软件在添加pdf文献时能够自动生成年份期刊文献等，但是也经常出现乱码的经常，相比于每次下载完还需要拖拽添加而言，这个优点不足为道。 2 VSCode的优势 下载即用，直接在VSCode打开相应文件夹，不需要额外的添加工作 配合markdown在VSCode内分屏方便做笔记 结合谷歌翻译插件悬停翻译和第三方的屏幕取词(有道、mac的三指取词)更加高效 配合MEGA等实现本地云同步，多端操作更方便 3 欲要实现，全靠插件 如何在VSCode添加插件请自行百度 vscode-pdf：能够在VSCode内打开pdf文件 Markdown Preview Github Styling：能够预览markdown 预览markdown点击VSCode右上角，如图 Markdown PDF：能够将markdown输出为pdf等 markdown输出方法 Google Translate

vscode中对git进行了集成，很多操作只需点击就能操作，无需写一些 git 指令。 不过这就需要你对vscode进行配置。下面我会讲到 git 的配置与免密码上传 github VSCode配置git（Mac版） 1. 首先打开 vscode 的终端 2. 新建文件夹作为 git 仓库 3. 进入该文件夹下进行 git 初始化 4. 从远程仓库拉取代码 5. 找到拉取下来的文件打开 6. 代码拉取到了vs code中 7. 提交拉取代码 拉取 提交 VSCode配置git（Windows版） 1. vscode中 git 的配置 首先需要你的电脑上已经安装了git，且 window 电脑里 git 添加到环境变量中去了。 这样你的电脑就可以使用 git了，但是想要在vccode中使用 git 还要配置 git.path。 git.path是git中的一个exe文件路径，找到你的电脑 git 的安装目录，找到里面的 cmd 文件夹。里面的 git.exe 文件把该文件的完整路径复制下来。 Mac下查看Git的安装目录：which git 点击设置在设置里找到 git 设置里面的 git.path 把 git.exe 文件的路径复制到这里就可以了。 2.vscode中git的使用，与github的免密码上传 先中指令 git init 在文件夹创建 git 相关配置文件

调试webpack 1. 摘要 用过构建工具webpack的朋友应该都体会，面对其几百行的配置内容如大海一小舟，找不到边。看文档查百度，对其构建的生命周期看了又看。最终还是很茫然。原因很简单，构建配置一般都是通过脚手架工具自动生成。看似每天在用，其实接触很少。直到有一天，发现社区的插件不能满足需求时，相信你一定会定制一个自己的插件。这时你需要彻底了解它的机制，作为开发，调试代码一定是了解内部逻辑最好的方法。 原文公众号地址 不管是 npm 还是 webpack 都是基于nodejs的工具。所以最终是调试node。这里我介绍三种调试的方法。需要提前准备好以下工具 vscode google chrome npm i -D webpack webpack-cli 添加webpack配置文件,并在其中使用 debugger 设置一个断点。 const path = require('path'); debugger; module.exports = { mode: 'development', entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: "index.js" } }; 2. (方法一)使用vscode运行npm调试 在新建项目的package.json文件