weixin_43688734的博客

VSCode的prettier插件可以很方便的帮助我们格式化文档，但是对于HTML文件的格式化并不友好，每次我使用prettier格式化之后，html标签都会换行，这样html标签之间的结构就不是很清楚了，看起来很费劲。格式化之后就成了这样：搜索了很久怎样让prettier格式化html时不换行，但都没有结果，现在发现可以通过设置prettier超过最大宽度换行的值来调整是否换行，效果不错。打开VSCode的设置界面，设置prettier插件的Print Width值：此时格式化之后，结构就清晰

网上可以找到前端开发社区贡献的大量工具，这篇文章列出了我最喜欢的一些工具，这些工具给我的工作带来了许多便利。EnjoyCSS老实说，虽然我做过许多前端开发，但我并不擅长 CSS。当我陷入困境时，[EnjoyCSS] 是我的大救星。EnjoyCSS 提供了一个简单的交互界面，帮助我设计元素，然后自动输出相应的 CSS 代码。EnjoyCSS“EnjoyCSS 可以输出 CSS、LESS、SCSS 代码，并支持指定需要支持哪些浏览器及其最低版本。开发简单页面时用起来比较方便，但不太适合复杂一点的

1首先 需要 下载echarts2 在main 中 需要引入import echarts from ‘echarts/dist/echarts.min.js’import china from ‘echarts/map/json/china.json’echarts.registerMap(‘china’, china)Vue.prototype.$echarts = echarts

今天，笔者给大家分享一个能提升开发效率的网站：Dev Hints。做为一个技术人员，要记很多东西，但是又不是全部都记得住。特别是有些知识很久不用了，就忘记的差不多了，只有经常用到的才会记得牢。如果要用到不是很记得的 api 的时候，这时候就要搜索了。Dev Hints 就是一个速查表，我们要使用速查表来快速查找一些技术知识点。这个网站里面收集了非常多技术类型的速查表。你能很轻松的从上面找到具体某项技术的快捷命令与基础语法，用上之后，相信能大幅提升开发效率。下面我简单列举下该网站提供的几种技术

有时候希望在iPad上查看Markdown文件，用手滑动的快感带动着思绪流转，是非常享受的一件事。但是App Store里面的Markdown软件很多都是收费的，对于囊中羞涩的我来说还有点小贵，终于看到有一个坚果云 Markdown 的软件可以用来查看Markdown文件，解了我的燃眉之急。坚果云并不能直接从iCloud里面读取文件，必须先注册一个坚果云账号，然后在电脑端将Markdown文件上传到坚果云中，然后在iPad端就可以愉快的查看Markdown文件了。...

在编程的时候，中英文之间的切换是经常做的事情，有的时候很麻烦，因为调整成中文之后，给代码加标点符号时很可能加成了中文标点符号，如果加错了又要删除重新做，很影响心情，这里有一个方法，可以帮助我们避免这种情况。打开搜狗输入法的设置→然后在常用设置中将中文时使用英文标点勾选上，这样在我们输入中文之后即使没有切换到英文输入法，输出的标点符号也是英文的，那就不用删除再改了，提高了我们的效率。当然，如果你觉得这个设置影响了你其他文档的写作，那么将这个设置取消即可。...

看到了好网站，总是忍不住想要看看这些牛逼的网站使用了哪些技术，为自己以后的学习找准方向。但是查看的源码总是经过了压缩，很难看出来到底使用了哪些技术。下面有一个好网站，能够帮我们分析出来网站使用的技术栈。https://www.wappalyzer.com/打开这个网站，会提示需要进行注册才能使用，注册完毕之后会提示您每月有50次使用分析功能的权限。点击相应的技术框架名称，还可以看到具体的分析。...

在Vue组件中，引入了外部的代码（比如说mui的代码），在页面中会遇到背景色无法调整的情况。如下图：无论我在CSS中如何定义div的背景色，都没有效果，查看元素才发现，有一个element.style在起作用：那么这个element.style是哪里来的呢？element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，我们在使用第三方js文件时会遇到。网上搜索了一下，可以在样式后面加上!important来更改样式的优先级，覆盖掉这个element.style。既然bo

使用vue-cli 3.x构建项目很方便，但是里面的ESlint代码规范提示很烦人，动不动就报错，而且VSCode中第三方格式化插件格式化出来的代码也报错，但是vue-cli是多个人写的啊，不可能把它给关掉。（如果是个人写的项目，可在创建项目时不选中ESlint）。ESlint主要报错就是空格、引号这些规范。可以在项目根目录中创建一个.prettierrc的文件，里面写两段代码：去除不必要的分号及引用文件时使用单引号。...

Windows系统下Chrome浏览器快捷键1.标签页和窗口快捷键2.功能快捷键3.网页快捷键4.鼠标快捷键

VS Code好看的主题每天写代码，看着一样的界面难免会厌烦，偶尔换一下主题，调节一下心情，会更有动力。1.GitHub主题GitHub主题给我们一个很清爽的页面，在大脑不是那么清醒的时候，可以换成这个主题，提神！2.Community Material Theme Lighter主题这个主题的颜色稍微暗一点，没有那么刺眼，在温和的灯光下会有很好的显示效果。3.Abyss主题许多人并不喜欢纯黑色的主题，那么就可以选择这款Abyss主题，蓝色的界面给人高科技的感觉。4.Monokai主题

Rainbow-Fart插件步骤：1.将VS Code升级到最新版本（1.61以上），从 VSCode 扩展商店 下载并安装。2.在 VSCode 的菜单栏中找到 查看 - 命令面板，或使用快捷键 Ctrl + Shift + P（MacOS Command + Shift + P）呼出 命令面板。3.在 命令面板 中输入 > Enable Rainbow Fart 并回车。4.此时应该会弹出一个消息通知，点击通知上的 Open 按钮。5.在打开的页面上点击 授权。6.享受编程吧！请尝

1.问题描述Bootstrap4移除了收费图标的相关内容，如果想使用图标样式需要使用https://octicons.github.com/ 和http://fontawesome.io/提供的内容，里面有png、svg等形式的文件，可以下载下来后使用。当然还可以自行引入相关样式到bootstrap.css中。2.自行添加样式的方法在bootstrap/dist/css/bootstrap...