一个vue前端的VSCODE插件分享(2018)
栏目: JavaScript · 发布时间: 7年前
内容简介:eslint 和 prettier配合使用,vue自动保存格式化的配置最后送上我当前配置的gist,有需要的可以安装上setting sync后将创建的gist改成这个来自动获取插件哦
- background 给编辑器窗口加个背景!唯一的缺点是vscode会显示已损坏,当然啦,并不影响使用
可以参考以下配置
"background.useDefault": false,
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "100% 90%",
"background-size": "auto 60%",
"background-repeat": "no-repeat",
"opacity": 0.1
},
"background.customImages": [
"背景图片地址1",
"背景图片地址2",
"背景图片地址3"
],
复制代码
- carbon-now-sh 一个非常好看的代码截图 工具 整合之后 选中然后快捷键就能截图啦
开发辅助
Debugger
- Debugger for Chrome 看名字就知道了
- open in browser 懒得开浏览器用的
- Quokka.js 实时计算,查看结果
路径补全以及包大小
- File Peek
- Import Cost 计算引入需要占用多大的地方
- Path Intellisense
npm
- npm
- NPM-Scripts 方便运行脚本
格式化
- ESLint
- Prettier 格式化
- Vetur vue格式化以及相关配置
- Vue 2 Snippets
eslint 和 prettier配合使用,vue自动保存格式化的配置
"vetur.format.defaultFormatter.html": "none", // 默认html的方法
"eslint.autoFixOnSave": true, // 自动保存
"eslint.validate": [
{
"language": "vue",
"autoFix": true
},
{
"language": "html",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
}
],
"prettier.singleQuote": true, // ' or ""
"prettier.semi": false, // 分号
"prettier.eslintIntegration": true, // 走eslint
复制代码
其他
- GitLens 比自带的git好用多了的git 还能显示xx行是谁什么时候提交的
- Settings Sync 同步设置到git上 强烈推荐 具体安装步骤可以参考其他人的博客 这里就写一下mac下的快捷键
downloadSettings ⇧⌥D extension.updateSettings ⇧⌥U 复制代码
最后送上我当前配置的gist,有需要的可以安装上setting sync后将创建的gist改成这个来自动获取插件哦 gist 地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 前端插件库
- VSCode前端常用插件分享
- 基础常用的前端vscode插件
- 前端常用插件、工具类库汇总
- Fundebug前端JavaScript插件更新至1.3.0
- Fundebug前端JavaScript插件更新至1.4.0
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
精益思想
(美)詹姆斯 P.沃麦克(James P.Womack)、(英)丹尼尔 T.琼斯(Daniel T.Jones) / 沈希瑾、张文杰、李京生 / 机械工业出版社 / 2011-4 / 48.00元
打算尝试精益的人,该怎么做? 已经实行精益的人,下一步怎么办? 本书包含了最新的精益理论、方法和工具,一一解答上述问题。 这是目前关于流程再造最好的书,也是最好读的。——《高业周刊》 本书中文简体字版由FreePress通过AiWA授权机械工业出版社在中国大陆独家出版发行。未经出版者书面许可,不得以任何方式抄袭、复制或节录本书中的任何部分。 《精益思想》于1996年秋......一起来看看 《精益思想》 这本书的介绍吧!
在线进制转换器
各进制数互转换器
Base64 编码/解码
Base64 编码/解码