vscode

eslint校验规则

邮差的信 提交于 2020-01-25 15:29:21
{ "workbench.iconTheme": "vscode-icons", "workbench.colorTheme": "One Dark Pro", // tab 大小为2个空格 "editor.tabSize": 2, "editor.fontSize": 17, //eslint 检测文件类型 "eslint.validate": [ "vue", "html", "javascript", "typescript", "javascriptreact", "typescriptreact" ], "[javascript]": { "editor.defaultFormatter": "HookyQR.beautify" }, "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "javascript": "javascriptreact" }, "editor.quickSuggestions": { "strings": true }, "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", //

VS code的常用python插件推荐

老子叫甜甜 提交于 2020-01-25 01:21:33
安装地方 1. Python(必备) VScode自带的官方插件 2. Anaconda Extension Pack 可以自动补全anaconda包中的属性名称 3. Code Spell Checker 单词拼写检查,非常推荐,有时候会拼错单词,这个不仅可以指出错误,还能提供正确单词的拼写方式。 安装好之后,选中拼写错误的单词,旁边出现黄色小灯泡,点击选择单词,直接替换。 4. Guides 提供缩进检查,有时候for, if 写多了,就分不清对应的列数,VScode虽然自带的有缩进检查,但是不明显,这个将缩进线显示为红色,非常醒目。 5. Settings Sync 将VScode的配置上传到github,以后换机器,重装系统,随时下载,不用重新找教程了 6. vscode-icons 文件图标主题,能够让你的各种文件一目了然,不用再去看扩展名,而且超级好看 7. SynthWave‘84 字体颜色主题,我个人非常喜欢的一套高亮字体方案 8. koroFileHeader 文件头注释(ctrl+alt+i) 和函数头注释(ctrl+alt+t)工具,一键生成头注释 来源: CSDN 作者: 深蓝冰河 链接: https://blog.csdn.net/u010132177/article/details/103868502

VSCode入门——插件安装

别说谁变了你拦得住时间么 提交于 2020-01-24 03:22:38
CSS Peek插件 HTML与CSS关联,点击扩展插件——搜索CSS Peek——点击安装: 回到编辑器新建css文件: 然后在index.html中引入index.css文件: 可以通过Ctrl+鼠标左键点击index.css进入文件: 在html中新建一个id为nav的div元素,并通过Ctrl+鼠标左键进入index.css: 并在为#nav设置背景颜色: 以上CSS Peek插件实现了HTML与CSS的关联。 Prettier代码格式化 先搜索Prettier然后点击安装: 然后在index.html中新建HTML元素并格式化文档: 格式化之后: Icon Fonts插件图标集 下载Icon Fonts插件: 图标的引入: Auto Rename Tag自动修改标签插件 下载Auto Rename Tag 插件: 使用Auto Rename Tag插件,修改开始标签的同时结束标签也跟着改变: HTML Boilerplate:HTML模板 下载HTML Boilerplate插件: 新建HTML元素标签,提示下载好的HTML模板选中: 模板效果,提示兼容的浏览器,: Color Info颜色提示 搜索下载并安装: 使用Color Info提示插件,可以根据提示调节颜色: Auto Close Tag自动闭合标签 自动闭合标签: HTML CSS Support

VSCode配置C语言开发环境

两盒软妹~` 提交于 2020-01-23 20:41:02
一、 MinGw的下载与安装 首先这个博客的基础建立在你已经有VSCode的基础上,因为windows下VSCode不直接具备对于C语言的编译调试工具,所以要下载集成gcc等工具的MinGw以提供扩展支持。 下载地址: https://sourceforge.net/projects/mingw-w64/files/ 下载后解压到待安装文件夹即可,注意下载过程可能有些漫长,不过已经比在线安装要快很多了。 接下来就是配置环境变量,可以看到bin文件夹下gcc和gdb都有,温馨提示不要图快去CSDN下载这种包,很容易缺失文件,还乖乖用官方的比较全。 补充:这里的环境变量是在win10下配置的。 以上完成后,按win+r键打开运行,输入cmd回车后,可在控制台下输入 gcc -v 查看当前计算机mingw是否安装成功,如果显示以下结果,说明你安装成功了。 二、 配置VSCode运行和调试 首先要下载插件Code Runner,然后勾选这两个选项 然后来个测试代码,建立一个文件夹,再新建一个C语言文件就可以。【请忽略我截图中的Project1,那个是在VStudio中运行建的工程】 运行测试代码: # include <stdio.h> int main ( ) { printf ( "Luminary" ) ; return 0 ; } 两种运行方法,gcc命令行和直接点击运行按钮

VScode配置prettier和eslint

拈花ヽ惹草 提交于 2020-01-22 18:11:56
前端工具中如果使用prettier进行代码格式化,eslint进行错误检测。对前端工作有极大的帮助 原则: prettier和eslint配置可以分成两种,一种是本地配置,一种是全局配置。VScode会检测文件夹根目录下有没有用户自定义的配置文件 .prettierrc.json和.eslintrc.js。如果有则会优先加载用户自定义的配置,如果没有则会加载VScode中的setting.json配置文件内的配置。 现在vscode安装prettier和eslint的插件,装使用人数最多的就行。注意的是,这个只是插件哦,在本地使用npm安装prettier和eslint .prettierrc.json文件配置: { "tabWidth" : 2 , "vetur.format.defaultFormatter.html" : "prettier" , "singleQuote" : true , "semi" : false } .eslintrc.js文件配置: module . exports = { root : true , parserOptions : { ecmaVersion : 6 , sourceType : 'module' , ecmaFeatures : { jsx : true , globalReturn : true , impliedStrict

如何用vscode编写Markdown文件

我的梦境 提交于 2020-01-22 15:38:20
开始写博客已经有一段时间了,用Markdown也算的心应手了,但是对于一名专业的开发人员,用编辑工具ide写文档是个基本功,虽然项目中各种设计需求文档都是word的但日常开发维护中组内使用最方便的莫过于markdwn了,本篇博文详细介绍如何用vs编写markdown文本。 1.安装Markdown插件 对于开发人员,相信使用安装使用vscode能力肯定具备,所以本篇就直接掠过vscode的安装步骤,而且对于开发人员建议不要使用中文包汉化,就那几个英文单词,如果连这个门槛都跨不过您的编程之路堪忧啊! 1.vscode打开扩展程序 2.搜素Markdown All in One Markdown All in One顾名思义包含markdown文件编写中各类元素处理的组建 3.测试插件是否安装成功 新建文件XX .md文档,编辑###标题; 点击图中红色框内的icon 此时验证成功。 2.管理markdwon文件 1.在合适的目录下新建文档目录 mkdir markdown-doc 2.命令打开文件目录 同时按住shift + command + P打开命令面板。 找到Install ‘code’ command in PATH,并执行。 如果已经安装 就直接控制台运行: code markdown-doc 此时就会vscode新窗口打开markdown目录了。 新建文件以

VS Code的git配置

若如初见. 提交于 2020-01-22 06:49:20
最近打算使用VS Code作为python的编辑器,这里记录一下VS Code中git的配置方法 因为vscode中git只是使用本地的git,所以本地必须先安装git才行。   1.git的安装     git的安装地址: https://www.git-scm.com/download/          根据自己的系统选择适合的安装包。     具体的安装步骤可以百度一下,以下提供一个参考连接: https://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html   2.vscode中的配置      我这个是已经配置过的,没有配置会显示   这时候需要 文件》首选项》设置 或者 直接按快捷键ctrl+,   弹出设置   搜索git关键词   点击git,下面那个git history是一个额外的插件,没有是正常的 找到上图中的配置项 点击在setting.json中编辑 鼠标悬停在1上会有一个🖊的图标,点击然后在右侧的2位置修改路径,该路径为你git的安装路径 到这里git的配置就完成了,使用好像再次点击git还是显示的是没有注册,简单的使用方法看 vscode git的使用 来源: https://www.cnblogs.com/d-i-p/p/10043682.html

为 VS Code 优化中文字体显示

南楼画角 提交于 2020-01-22 03:27:22
Visual Studio Code(简称VS Code)是一个由微软开发的,同时支持Windows、Linux、和macOS系统且开放源代码的代码编辑器[4],它支持测试,并内置了Git 版本控制功能,同时也具有开发环境功能,例如代码补全(类似于 IntelliSense)、代码片段、和代码重构等,该编辑器支持用户个性化配置,例如改变主题颜色、键盘快捷方式等各种属性和参数,还在编辑器中内置了扩展程序管理的功能。 —— Visual Studio Code – 维基百科,自由的百科全书 今天在群内看到某 @LF112 说他终于入了 VSCode 神教,我看到他编辑器内的中文还是和他的众多网站同款的宋体就习惯性嘲讽了下。回头一看我自己的 vscode,诶怎么我的也是?无法忍受,就上网找了下解决方案。 首先打开 VSCode,Windows 下按 Ctrl + , ,macOS 下按 Cmd + , ,进入设定。在上方搜索框搜索 editor.fontFamily ,在 Editor: Font Family Controls the font family. 下方的框框填入 font-family 即可。 默认的是 Consolas, 'Courier New', monospace 。 我喜欢萍方所以就 Consolas, 'Courier New', monospace,"萍方

vscode 配置python

送分小仙女□ 提交于 2020-01-21 20:06:47
首先下载vscode 官网下载 然后下载vscode中marketplace 的python拓展包 然后在python官网上下载python版本,此处借鉴了下述博客 https://blog.csdn.net/qq_36053756/article/details/95748933 来源: https://www.cnblogs.com/greystone/p/12222834.html

VSCode远程登录Linux,实现Windows下进行Linux编程

故事扮演 提交于 2020-01-21 09:29:35
在Linux下写C/C++程序是非常麻烦的事,一般在Windows下用代码编辑器写完之后,还要通过远程工具,上传到Linux上编译运行,或是Linux上安装smb服务器进行映射,在windows下编写时候还不能自动补全Linux下的函数,真是麻烦 最近发现vscode可以远程连接Linux写程序,还能自动补全Linux下的函数,真是太爽了(目前只支持64位Linux系统),不过网上很多方法太过于复杂,给大家分享一下简单的方法 微软官方教程: https://code.visualstudio.com/docs/remote/ssh 确保Linux可以安装了openssh,开启22端口(CentOS默认安装了openssh) yum install openssh-server -y 1、安装vscode,打开vscode的Extensions(Ctrl+Shift+X),搜索Remote-SSH 2、修改配置文件 3、登录Linux需要密码的 文件->首选项->设置->Show Login Terminal 打上勾 4、win10安装open-SSH客户端 方法1: windows设置中搜索:应用和功能 方法2: 运行命令: 1、Get-WindowsCapability -Online | ? Name -like 'OpenSSH*' 2、Add