vscode

引用： https://www.jianshu.com/p/506debe61423 前言 VScode是一个相当优秀的IDE，具备开源、跨平台、模块化、插件丰富、启动时间快、颜值高、可高度定制等等优秀的特质，不愧是微软爸爸的私生子。 所以用VScode来编写Python，也是相当的好用的。 所以，今天我们就来讲讲，怎么在VScode上配置Python开发环境。 软件准备 首先，我们必须先下载好Python的安装包和VScode的安装包。 下载地址如下： Python： https://www.python.org/downloads/ VScode： https://code.visualstudio.com/ 大家选择适合自己的版本下载即可。 我是Windows10 64位的操作系统，所以我Python下的是64位的最新版，VSco'de下载的是64位的最新版。 在这里我推荐大家选择Python3，而不是Python2.7，不过就算你下载的Python2.7此教程依旧适用。 软件安装 安装python 首先，我们安装Python到自己的电脑里。 切记，一定要记得勾选添加环境变量。 不然还得手动去配置python的环境变量。 具体的安装过程如图。 Python安装过程.gif 检查python是否安装成功 然后，我们需要检查下python是否安装成功。 检查方法如下： 1

VSCode 远程开发(带免密) 简介 Visual Studio Code(以下简称 VS Code)从1.35.0版本正式提供可以在本地编辑远程开发环境的文件的功能，具体实现如下图 安装完成Remote Development后,,可以极大地简化各种情况下的开发和故障排除,您可以 在您部署的同一操作系统上进行开发，或者使用比本地计算机更大，更快，更专业的硬件。 在不同的远程开发环境之间快速切换，安全地进行更新，而不必担心影响本地计算机。 从多台计算机或位置访问现有开发环境。 调试运行在其他位置（如客户站点或云中）的应用程序。 以上都摘自remote-ssh的官方,下面开始正式教程 **** 本次测试在windows下进行,远程服务器为centos7,但理论上可以在任何支持ssh并联网的的机器之间进行 开始前准备 (必须)Remote Development插件以及可以正常ssh连接的远程计算机 (非必须)xshell,xftp,gitbash VSCode直接搜索Remote Development插件并安装即可,ssh的远程计算机使用任意ssh软件可以正常连接即可 配置免密远程登录 在本地机器生成秘钥对 windos下的控制台默认没有ssh,但是gitbash里有,使用gitbash创建秘钥对 这一步如果你之前就已经有秘钥了的话,建议跳过 在 gitbash 下输入 ssh

# vscode保存代码，自动按照eslint规范格式化代码设置 编辑器代码风格一致，是前端代码规范的一部分。同一个项目，或者同一个小组，保持代码风格一致很必要。就拿vue项目来说，之前做的几个项目，很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点，就是三元不等式明明可以一行显示，非得格式化成3行，import用{}引入多个变量或者函数，非得格式化成好几行，看起来很是别扭。因此，好的格式化工具和团队代码风格一致，显得格外重要。我建议我们整个小组运用同一个编辑器，同一种代码校验，同一个格式化方式。下面我来介绍一下使用vscode+eslint 自动保存，自动格式化的一种方式！ eslint 自动格式化 先说一个前提吧，你在package.json中安装了eslint的依赖，不然配置无用。 "eslint": "^6.1.0", "eslint-friendly-formatter": "^6.4.1", "eslint-loader": "^6.4.1", "eslint-plugin-html": "^6.4.1", 上面说的是一个前提，下面来说一下具体的配置步骤： 首先 ，在我们项目跟目录添加.eslintrc.js 文件，用于校验代码，编写eslint相关规则，关于eslint的一些具体规则，请查看eslint文档

Table of Contents 一、前言 二、安装过程 1、下载VS Code 2、安装过程 3、下载C++ 模块 4、汉化 5、常用快捷键 一、前言 因为要用到在ubuntu系统中使用VS Code 来编写C++代码，在此分享VS Code的安装过程。 之前我们讲了如何制作U盘启动盘，如何安装双系统，如何安装谷歌浏览器等，如果不了解的同学请看我的分类[ 操作系统 ]： 操作系统： https://blog.csdn.net/shuiyixin/article/category/8854777 二、安装过程 1、下载VS Code 进入VS Code官网下载VS Code： https://code.visualstudio.com/Download 切记一定要选择ubuntu，当然如果你是别的linux系统除外。 2、安装过程 在刚下载的文件的所在文件夹右键打开终端，输入以下命令，注意， sudo dpkg -i 后面的是文件的名称，为防止出现差错，请直接复制。 sudo dpkg -i code_1.37.0-1565227985_amd64.deb 回车，等待安装。 搜索VS，就可以在系统找找到，打开。 注：也可以在ubuntu软件中安装VS Code。 3、下载C++ 模块 打开软件，下载C++模块： 想要使用其他模块也可以按照这种方法下载。或者可以直接查询

某次小组内开周会，提到开发效率的问题，有个小伙伴提到写新页面的时候， template 大概布局写完后，对着 template 结构写 scss 是件比较耗时耗力的事情，如果能作出一个自动依据 template 结构生成 scss 文件的 vscode 插件就好了 我当时也没在意，后来周会结束后觉得这事情可以做一下，于是抽空看了下 vscode 扩展的 开发文档 ，就上手 code 了，做出来后效果还不错，最起码不用再做人工对着 template 写 scss 这种没技术含量的事情了，写好了一大堆 template 之后，一键转换，还是挺爽的 插件已经发布到 vscode 扩展市场，可以在 vscode 插件市场 查找安装，或者 vscode 上直接搜索 AutoScssStruct4Vue 安装 插件的源码已经上传到 Github ，需要的可自取，如果有问题，直接提 issue 即可 模板解析 scss 文件的关键就是选择器，能在模板上体现出来的选择器属性有 class 、 id 和标签名，所以必须要从模板中取得所有的选择器 模板的处理实际上就是字符串的处理，通过正则表达式从 <template>...</template> 中提取所需的选择器名，既然是 vue ，我第一个就想到直接从 vue 源码中将 vue 处理 template 的部分抄过来，不过后来看了一下源码，想法可行

markdown转pdf 搜索插件 markdown pdf，安装 编辑setting文件 file---->Preferences--->settings 把下面这句话粘贴进去 "markdown-pdf.executablePath": "C:\\Users\\jgb23\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe" 注意是json格式：其中 c:\\xxxxx 是谷歌浏览器启动的位置 粘贴截图 搜索插件 Paste Image 点击Install进行安装 配置 file---->Preferences--->settings 搜索 paste image 修改 Paste Image: Path 可以设置图片的保存路径，我这里设置的是 ${currentFileDir}/pictures 注意：pictures文件夹是和.md文档在同级目录下，可以按照自己的想法创建 修改 Paste Image: Name Prefix 给图片添加一个前缀，个人习惯可以不加 修改 Paste Image: Default Name 图片名称，默认是年月日时分秒 修改 pasteImage.name Suffix 给图片添加一个后缀，个人习惯可以不加 还有其他设置可以参考github： https://github.com

一、快捷键使用 （1）shift + Ctrl + P ：打开搜索栏； （2）F5 : 进行调试； （3）Ctrl + F5 ：启动（不调试）； （4）Ctrl + ` ：打开终端； 二、一些插件 （1）远程SSH连接服务器： Remote-SSH 插件；（此外注意：本地和服务器上都要安装一次插件）； 三、遇到的一些小问题 （1）路径问题 因为VScode中的路径和一般IDE不同。区别如下图： 为了解决这个问题，可以在.vscode/launch.json中加入语句"cwd": "${fileDirname}"即将路径改为相对于当前运行文件，如下所示： 来源： https://www.cnblogs.com/zf-blog/p/11934422.html

IntelliSense for CSS class names in HTML Debugger for Chrome One Dark Pro 编码主题 HTML Snippets Auto Rename Tag 改标签时自动修改闭合标签 Auto Close Tag 自动闭合标签 JavaScript (ES6) code snippets Material Icon Theme HTML CSS Support CSS Peek html和css中关联css的跳转 Path Autocomplete 路径智能补全 Path Intellisense 路径智能提示 beautify 格式化代码，JSON|JS|HTML|CSS|SCSS Prettier - Code formatter 格式化代码 Bookmarks 特定行做标记 Bracket Pair Colorizer 括号颜色区别，一目了然 filesize 编辑器底部显示文件大小 markdown preview enhanced markdown文件预览，边写边排板 chinese language pack 中文语言包 color picker 快捷修改css颜色 eslint live server 本地服务器 material Icon theme 文件图标主题 open-in-browser

{ "workbench.colorTheme": "Default Light+", // 主题 "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", // trrminal "git.path": "D:\\Git\\bin\\git.exe", // git "files.autoSave": "onFocusChange", // 自动保存 "files.associations": { "*.vue": "html" }, "emmet.triggerExpansionOnTab": true, // tab补全 "emmet.includeLanguages": { "vue-html": "html", "vue": "html" }, "editor.tabSize": 2, "editor.minimap.enabled": false, "editor.foldingStrategy": "indentation", "editor.formatOnSave": true, // 保存时自动匹配 "[javascript]": { "editor.formatOnSave": true //保存时自动规范代码 }, "[html]": { "editor

如何安装flutter 安装步骤 下载flutter的sdk 下载完成解压（解压之后，将文件夹目录放入应用程序中） 命令行使用（用编辑器打开） code ～/ .bash_profile (配置环境) 打开文件后添加一行 export PATH = $PATH:/Applications/flutter/bin 然后在命令行执行 source ~/.bash_profile 执行命令 flutter --help 如果出现flitter的说明，说明flutter已经安装成功！ 其他配置环境的下载 可以在苹果商店中下载一个 xcode 软件 可以在 xcode 中打开模拟器 然后在 vscode 上提示输入 flutter doctor 会提示有一个可用的设备 编辑器可以使用 vscode 或者 android studio (暂时可以使用vscode) 在 vscode 安装 flutter 的插件 打开命令面板：搜索 flutter 会提示一些flutter相关的命令 可以在命令行工具中使用 flutter doctor 来检测问题（解决一些问题） 命令行创建一个项目 flutter create app 注意（项目名字不能横线只能使用下划线） 进入创建好的目录 使用 vscode 打开目录 在终端命令中使用 git init 初始化仓库 做一次保存和提交 git add .