VS Code编辑器插件整理及配置设定
语言包:
- Chinese -- VS Code的汉化包
格式化+代码补全:
- ESLint -- Integrates ESLint
- Vetur -- A vue tooling
- Prettier -- Format your JavaScript / TypeScript / CSS
- minapp -- 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
- JS-CSS-HTML Formatter -- This extension wraps js-beautify to format your JS, CSS, HTML, JSON file.
注释高亮+缩进提示:
- indent-rainbow -- 代码缩进颜色块
- Rainbow Brackets -- 高亮括号颜色提示缩进
- TODO Hightlight -- 高亮注释,“TODO:” “FIXME:”
Git工具:
- GitLens -- 超级强大的git工具,不过不能合分支
有趣的插件:
- Power Mode -- 按下键盘,烟花等特效
setting.json配置:
 {
     "files.associations": {
         "*.cjson": "jsonc",
         "*.wxss": "css",
         "*.wxs": "javascript"
     },
     "emmet.includeLanguages": {
         "wxml": "html"
     },
     "minapp-vscode.disableAutoConfig": true,
     "editor.tabSize": 2,
     "git.confirmSync": false,
     "git.autofetch": true,
     "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
     "eslint.autoFixOnSave": true,
     "vetur.format.defaultFormatter.js": "vscode-typescript",
     "prettier.eslintIntegration": true,
     "prettier.semi": false,
     "prettier.singleQuote": true,
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     "vetur.format.defaultFormatterOptions": {
         "js-beautify-html": {
             "wrap_line_length": 120,
             "wrap_attributes": "auto",
             "end_with_newline": false
         },
         "prettyhtml": {
             "printWidth": 100,
             "singleQuote": false,
             "wrapAttributes": false,
             "sortAttributes": false
         }
     },
     "editor.wrappingIndent": "none",
     "editor.fontSize": 12,
     "markdown.preview.fontSize": 12,
     "terminal.integrated.fontSize": 12,
     "window.zoomLevel": 0
 }
写在最后:
古有语“工欲善其事必先利其器”,VSCode 在众多代码编辑器中属轻巧而不失灵活的利器,很多器本身就是就非常值得研究,如果有什么需求需要去寻求扩展,个人建议的做法还是多读文档,多读官方文档,摸清楚清楚你自己手头工具的能力和局限,才能避免在法拉利跑车上安装自行车轮子的笑话。如果实在要新装轮子,建议仔细阅读新轮子的说明书。
VS Code编辑器插件整理及配置设定的更多相关文章
- 网络编辑器插件ckeditor+ckfinder配置
		原帖地址 另外一个 去掉编辑器的下边栏 在config.js中加入: config.removePlugins = 'elementspath'; config.resize_enabled = fa ... 
- Visual Studio Code 常用插件整理
		常用插件说明: 一.HTML Snippets 超级使用且初级的H5代码片段以及提示 二.HTML CSS Support 让HTML标签上写class智能提示当前项目所支持的样式 三.Debugg ... 
- ionic2——开发利器之Visual Studio Code 常用插件整理
		1.VsCode官方插件地址: http://code.visualstudio.com/docs 2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件 添加方法使 ... 
- VS code  代码格式整理的配置
		{ "workbench.iconTheme": "material-icon-theme", "vetur.validation.template& ... 
- 【极致丝滑】彻底摆脱编辑器插件,利用postcss灵活可控地转换px至vw
		背景 旧的rem适配方案(无论是直接使用rem,还是配合flexiblejs等lib库进行视口缩放)已经疲态尽显,且随着安卓高清屏的不断出现,同时data-dpr仍有进一步增加的可能性,rem显得并不 ... 
- “改造” VS Code 编辑器,一起写个插件吧!
		作者:HelloGitHub-小夏(首发于 HelloGitHub 公众号) 作为一个靠代码作为"生计"的开发者,bug 写的好不好,编辑器真的很重要!那么 Visual Stud ... 
- GitBook插件整理 - book.json配置
		目录 1. 配置概况 1.1. 全局配置 1.2. 插件列表 plugins 1.3. 插件属性配置pluginsConfig 2. 一些实用插件 2.1. back-to-top-button 回到 ... 
- idea教程视频以及常用插件整理
		最近在同事的强烈安利下把eclipse换成idea了,本以为需要经历一个艰难的过渡期,谁知道不到3天就深感回不去了. 哎,只能说有时候人的惰性是多么可怕! idea实在是太太太强大了. 不要再问原因. ... 
- 基于jquery的bootstrap在线文本编辑器插件Summernote
		Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ... 
随机推荐
- JavaScript对象复制(二)
			<script> function copy(a) { ret = {}; for (sth in a) { temp = a[sth]; if (temp instanceof Arra ... 
- (记录合并)union和union all的区别
			SQL UNION 操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集. 请注意,UNION内部的SELECT语句必须拥有相同数量的列.列也必须拥有相似的数据类型.同时,每条SE ... 
- scn  时间
			Scn转换成时间: select to_char(scn_to_timestamp(3998591352171),'YYYY-MM-DD HH24:MI:SS') from dual: 时间转换成sc ... 
- Java快速学习笔记01
			这一波快速学习主要是应付校招笔面试用,功利性质不可避免. 学习网址: http://www.runoob.com/java/java-tutorial.html 执行命令解析: 以上我们使用了两个命令 ... 
- art  校准时设备端操作
			(1)准备所需文件art.ko 和 nart.out (2)配置设备的IP地址(例如:192.168.2.122),使之能与本地PC通信 (3)上传文件到设备 cd /tmp tftp -g -r ... 
- mybatis和spring整合的关键配置
			spring配置文件 applicationContext.xml: <beans xmlns="http://www.springframework.org/schema/beans ... 
- 微信支付之JsApi支付
			常见问题:金额错误,微信金额是int类型,最小单位为分,即是1 客户端调用微信支付的时候一闪而过:这个原因是因为微信商户后台支付目录地址没设置对,导致js调用的时候验证没通过 .aspx页面设置: x ... 
- poj2155二维树状数组区间更新
			垃圾poj又交不上题了,也不知道自己写的对不对 /* 给定一个矩阵,初始化为0:两种操作 第一种把一块子矩阵里的值翻转:0->1,1->0 第二种询问某个单元的值 直接累计单元格被覆盖的次 ... 
- cf 1041C双指针
			比赛的时候想着用单调队列做... 打完发现其实就是个双指针 /* 构造双指针解决即可 */ #include<iostream> #include<cstring> #incl ... 
- python 全栈开发,Day72(昨日作业讲解,昨日内容回顾,Django多表创建)
			昨日作业讲解 1.图书管理系统 实现功能:book单表的增删改查 1.1 新建一个项目bms,创建应用book.过程略... 1.2 手动创建static目录,并在目录里面创建css文件夹,修改set ... 
