最近在使用ts,发觉tslint在vscode上使用很不方便,不如eslint一键格式化高效,就想着能不能配置下vscode让其像写js一样爽 这篇文章主要解决2个问题,第一个是如何让vscode使用ts的lint,第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突 vscode使用ts的lint 首先ts的lint已经不用tslint了,这个东东官方已经说不维护了,转过来做了个typescript-eslint这个eslint的插件 官方文档 ht

Angular Cli npm install -g angular-cli https://www.npmjs.com/package/angular-cli TSLinter 1.1 ext install tslint ###vscode extensions link tslint 'src/**/*.ts?(x)' 运行发现目录下所有ts文件有没有问题 VSCode 按F1 输入ext install tslint Link 有一些lint可以auto fix all, 比如strin

vscode 的插件 必须 Chinese (Simplified) Language Pack for Visual Studio Code Markdown Preview Enhanced Debugger for Chrome Material Icon Theme Material Theme IntelliJ IDEA Keybindings Prettier - Code formatter 一个代码格式化工具 Prettify JSON 一个 JSON 格式化工具 open in

识别模版引擎 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,给不同类型的文件配置不同的图标,非常直观:

之前我在这篇文章VsCode插件开发之插件初步通信 通过插件完成通信,这回我还是通过插件,只不过方式主要以在ts文件里面使用webview来进行通信. 另外在此声明,一定要好好看仔细看官方文档,国内关于VsCode相关的开发,少之又少,虽然有一个叫小茗同学写的相对较全面,但是大家可以仔细看,其实他的内容大多也来自官方,同时有部分也加上自己的理解和想法.个人建议,关于VsCode插件相关的,最好是跑一跑VsCode相关官方例子,这样有助于对VsCode插件开发有一个大致的思路和全局认识,换言之有一

名称 功能 Auto Close Tag 自动闭合HTML标签 Auto Import Typescript 自动import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Beautify css/sass/scss/less css/sass/less格式化 Better Comments 编写更加人性化的注释 Bookmarks 添加行书签 Can I Use HTML5.CSS3.SVG的浏览器兼容性检查 Code Runner 运行选中代码段(支持大量语言

我们一起来喜欢TypeScript 现在写js不用TypeScript,伦家可能会觉得你是外星人. 是的,TypeScript很大程度增强了代码的可读性,可跟踪性,可维护性和减少了bug. 那么没有理由不适用TypeScript进行js开发,但是回归本质,要根据实际出发,不是盲目的一来直接上TS. 我参与过一些使用TS开发的项目,也发现使用TS出现的问题. 举点例子: 无处不见的any 无视TS 高版本的express已经内置TS, 实际上到处还是any. app.get("/", f

简评:使用工具的同时自己创造一些工具或扩展,是一件很棒的事情. 以下"我"指原作者 Fabio 大家好,我叫 Fabio,是一位自学成才的开发人员,热衷于开源和授权.我也喜欢自己制作工具,自然而然地.我为常用的 VSCode 程序编写了很多扩展. 在开发和管理 VSCode 扩展以及谈论我创造的所有扩展的同时,我想与大家再分享一些我的工作流程. 在这里我将介绍我创造的许多工具和扩展,因此无论你是要开始开发扩展,还是想要找到很酷的新扩展,或者只是需要管理很多存储库,本文保证会有你感兴趣的

建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂? 通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂? 某种代码写法存在问题导致崩溃时,只能全工程检查代码,这需要人工花费大量时间Review代码,你会不会抓狂? 以上这些问题,可以通过静态检查有效地缓解! 静态检查(Static Program Analysis)主要是以不运行程序的方式对于程序源代码进行检查分析的技术,而与之相反的就是动态检查(Dynamic Program Analysis),通过实

开发十年,只剩下这套Java开发体系了 >>>   前言:vscode是微软出品的,基于Electron和TypeScript的,现在已经是最火的一款文本编辑器.我认为vscode是可以完全取代你现有编辑器位置的一款(IDE).它集成了git版本管理和命令行终端,而且开源稳定,插件丰富,再搭配一款改变你一生(life-changing)的Chrome浏览器,可以说是前端开发神器了,我就来简单的讲一下它的用法. 安装指南 vscode需要用到node.js和git,如果没有就到https:

Beautify (option+shift+F) Bookmarks (option+option+k,l,j) Debugger for Chrome Docker EditorConfig for VS Code ESLint GitLens Go hexdump for VSCode markdownlint Output Colorizer TSLint vscode-icons

VS代码扩展市场 通过扩展增强Visual Studio代码的强大功能 https://marketplace.visualstudio.com/vscode Visual Studio Code包含的功能仅仅是一个开始.VS代码扩展让您可以将语言,调试器和工具添加到您的安装中,以支持您的开发工作流程.VS Code丰富的可扩展性模型允许扩展作者直接插入VS Code UI,并通过VS Code使用的相同API提供功能.本主题介绍如何查找,安装和管理VS代码扩展. 浏览并安装扩展 您可以在VS

动机 一直想把typescript在服务端开发中用起来,主要原因有: javascript很灵活,但记忆力不好的话,的确会让你头疼,看着一月前自己写的代码,一脸茫然. 类型检查有利有敝,但在团队开发中,限制个人的天马行空还是很有效的; node对模块等es6特性的支持不尽人意,目前我只用node长期支持版所能支持的特性,个人不愿用babel之类的工具; 开始用webstorm开发,结果它象visual studio系列一样,越来越臃肿;转而用vscode,但它的绝配是typescript; 问题

环境: VSCode 1.33.1 Node.js 8.9.1 一.ESLint 1.介绍 ESLint是最流行的JavaScript Linter. Linter 是检查代码风格/错误的小工具.其他类似的 Linter 工具还有:TSLint.stylelint. 它包含三个功能: (1)check syntax (2)find problems 前两个可以统称为 Code-quality rules,例如 no-unused-vars 规则. (3)enforce code style 最后

VSCode 配置 先安装 Settings Sync 插件,然后点击"download from github"之类的一个链接,弹出一个输入框,输入 a5922d436b82dd8891a0e14cae0bbb15 可以下载我个人的所有设置.我会不定期更新最新设置到上面. 1. Plugins 以下排名不分先后: Angular Snippets Auto Close Tag Auto Rename Tag Beautify Bookmarks Bracket Pair Colori

1 概述 一般个人开发或者小公司开发都会使用破解版软件,除非比较尊重正版且不太缺钱的人才会用正版,但是大型公司有严格的规定,不允许员工使用盗版软件. 这时候我就不得不从WebStorm转向VsCode,至于为什么选择VsCode就不解释了,VsCode天下无敌就完事了. 不过想要搭建一套完整且顺手的环境是真的费劲,于是花了点时间试了很多插件,最后整理出一套插件. 下面的插件不是都必须的,以后发现好用的插件会继续补充的. 2 插件 TSLint:Typescript语法检查 Prettier:代码

一. Vscode使用 1. 点击最下方的错误警告显示条,出现四个选项最后一个为终端命令(dos命令) 2. 提交代码输入提交信息,打勾提交,选择类似刷新按钮进行推送 3. 同步代码点击类似刷新按钮即可同步取得代码 4. 提交代码时不要着急提交,可以先检查一遍修改的东西,防止上传测试代码 二. 好用插件 1. TsLint:用于ts代码书写规范检查 2. GitLens:用于显示代码git提交信息 3. AutoImport:自动导入类名

更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1.安装ESLlint库(在项目本地或全局安装,看具体项目需要) 2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求) 3.根据文档设置完,保存文件时即可进行eslint修复(MacOS:快捷键是 command + s ) 安装 该扩展使用安装在打开的工作区文件夹

本篇文章根据实际开发中使用的扩展插件,结合<精选!15 个必备的 VSCode 插件(前端类)>.<vscode 插件推荐 - 献给所有前端工程师(2017.8.18更新)>中的介绍进行编辑. HTML相关: HTML Boilerplate: 通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼.你只需在空文件中输入 html,并按 tab 键,即可生成干净的文档结构.也可以输入!,然后按tab键或者enter键来生成初始干净的文档结构. HT

Sciter中的Tiscript脚本不是标准的Javascript,是对Javascript的扩展.所以在常用的编辑器和IDE上对于高亮的支持很不好. 不过在Sciter论坛中找到了在VSCode上的高亮支持.安装方法比较简单. 首先点此下载插件. 之后在Sciter插件所在目录执行 code --install-extension sciter-assistant-0.0.1_fixed.vsix 然后在VSCode的settings.json中添加Sciter的支持.配置如下: "scite