在移动端开发时,我们常常要使用rem适配页面元素大小。那么如何把px转为rem单位就是必做的换算。我们有2种方式快速的解决这个问题: 1.使用less,因为less支持变量和运算。 2.使用VS Code的第三方插件:cssrem,它能自动帮我们把px为单位的数据,转换成rem单位的数据 接下来就介绍下该插件的使用方法。 一、安装 与安装其他插件没有差别,只需要打开VS Code的扩
转载
2024-02-23 13:31:15
1819阅读
本篇文章给大家总结分享30个让开发效率倍增的实用VSCode 插件,让你的日常开发工作效率倍增,希望对大家有所帮助!1. Image preview通过此插件,当鼠标悬浮在图片的链接上时,可以实时预览该图片,除此之外,还可以看到图片的大小和分辨率。2. Auto Rename Tag使用该插件,可以在重命名一个 HTML 标签时,自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签,而
Emmet扩展JSX语法在编辑器的左下角设置里找到设置-在左侧的扩展里找到Emmet,在右侧找到这个插件的Include Languages – 在settings.json中编辑"emmet.includeLanguages":{
"javascript": "javascriptreact"
},回到设置界面,右侧找到 Trigger Expansion On Tab 勾选现在就可以在inde
转载
2024-04-07 10:46:20
261阅读
在移动端开发时,我们常常要使用rem适配页面元素大小。那么如何把px转为rem单位就是必做的换算。我们有2种方式快速的解决这个问题:1.使用less,因为less支持变量和运算。2.使用VS Code的第三方插件:cssrem,它能自动帮我们把px为单位的数据,转换成rem单位的数据接下来就介绍下该插件的使用方法。一、安装与安装其他插件没有差别,只需要打开VS Code的扩展窗口,然后在搜索框中输
转载
2024-02-20 13:08:45
281阅读
1、local history历史记录插件安装这款插件之后在侧边栏会出现LOCAL HISTORY的字样,每当我们保存更改时,它都会备份一份历史文件,当我们需要恢复之前版本时,只需要点击一下对应的文件即可。此外,它还会在编辑框显示对比详情,能够让你对修改位置一目了然。2、Partial Diff文件比较插件选中一代码,右键Select Text for Compare,选中另外一部分代码,右键Co
Visual Studio Code代码想要同时编辑多处,该怎么实现呢?1. 重命名变量首先看看自己需要同时修改多处的代码是不是要重命名一个变量,如果是的话,有现成的快捷键f2使用方法:选中一个变量,按f2 或者 按 Fn + f2,具体依据电脑品牌而定!弹出一个小窗口,在里面输入内容后按回车,所有该变量都会被重命名。效果如下:注意:在js文件中,如果这个变量没有用var或者const或者let声
转载
2024-10-08 11:15:25
96阅读
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code介绍:此中文(简体)语言包为 VS Code 提供本地化界面。TODO Highlight介绍:高亮显示代码中的TODO、FIXME和其他注释。// settings.json
"todohighlight.isEnable": true,
"todohighlig
转载
2024-09-29 12:16:56
140阅读
前文介绍了rem,在这里介绍两种实际使用rem的例子;flexible.js可伸缩布局使用两种方式的优劣: 1、第一种方式使用上更为简单,第二种需要把样式文件从scss 转为css文件比较麻烦; 2、第一种只能px转为rem,第二种在这一功能上,也提供出了rem转化px的功能 3、第二种需要将scss编译成css 再修改和编写 不如第一张方便flexible.js 源码//designWid
px是最常用的CSS长度单位。1px到底多长?CSS长度分为绝对长度和相对长度。 css单位pixel(像素)是图像的基本采样单位。它不是一个确定的物理量,也不是一个具体的点或者小方块(尽管可以用点和小方块来呈现),而是一个抽象概念。 不同的设备,其图像基本单位是不同的,比如显示器的点距,可以认为是显示器的物理像素。现在的液晶显示器的点距一般在0.25mm到0.29mm之间。而
转载
2024-07-21 10:59:01
92阅读
猿生不能只有 Ctrl + C 和 Ctrl + V,还要有 Ctrl + D。工欲善其事,必先利其器。今天给大家带来了博主学习前端一年多以来偷懒 ,呸~ 提升效率必备的 40 个 vscode 插件。看完觉得有帮助的记得点个赞~HTML 标签自动闭合 – Auto Close Tag 身为一个前端程序猿,打 HTML 标签那必须是快速的,vscode 本身就提供了标签自动闭合的功能。但是对于一些
转载
2024-04-28 16:00:18
87阅读
Vscode需要下载一个“px to rem”插件,首先点击左边
原创
2023-05-19 15:22:40
2024阅读
PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本
今天是正式开始前端学习的第一天!根据老师要求每周写一篇文章,以此自勉并作自我反省!!!VSCode快捷键ctrl+~ : 快速打开终端窗口ctrl+d : 选中目标代码后,使用该快捷键可快速向下进行寻找(找出与目标代码中一样的代码位置在哪)ctrl+f : 当你选中某目标代码后,使用该快捷键可打开替换窗口,并对所有相同目标代码进行便捷替换(按回车即可)ctrl+x : 快速删除选中行代码ctrl+
HTMLAuto Close Tag自动闭合HTML/XML标签,必装Auto Rename Tag修改标签时自动重命名配对的HTML / XML标签,必装样式HTML CSS SupportCSS 自动补齐css navigation按Ctrl+鼠标点击即可跳转到class对应的css样式区域cssrem(px to rem & rpx)在VSCode中的px和rem单位之间转换,并支持
转载
2024-05-17 14:16:27
1054阅读
搞开发一直用的VS code,用新电脑的时候,每次都得把一些乱七八糟的插件重新安装一遍,一直也没做个总结,每次安装都搜索很久,总有一些插件会忘记。为了以后换新电脑的时候,安装插件方便点,做一个总结:首先是vue相关的插件 使用vue进行开发的话,这几个插件是必须安装的,自动提示啥的都包括在内了。React相关 这三个插件提供完整的React体系的代码补全和自动提示代码相关Eslint,懂得都懂,检
转载
2024-06-28 08:45:38
453阅读
JavaScript (ES6) code snippets //JavaScript (ES6)代码片段插件
jQuery Snippets //jQuery代码片段插件
Live Server
配置Visual Studio Code的Remote - SSH插件进行远程开发
有时不得不面临在Windows开发Linux项目的场景。 由于种种问题,这会非常不方便。 如果用远程登录、Samba或者SSH X-Forwarding之类的技术,都会有网络卡顿问题,严重程度与两台机器的网络情况相关。一些编辑器、IDE提供了不错的手段来解决这个问题,比如IDEA系列的付费版本,但用起来还是有一些问
转载
2024-10-18 07:20:53
91阅读
文章目录前言环境改变字体的步骤1. 首先找到插件的github repo地址2. 在repo里面搜索font关键字3. 在repo里面搜索.css4. 修改font.css文件5. 修改VSCode的配置小结备注参考文献 前言如题,本文主要讲述VSCode中的markdown文件输出为pdf的时候,如何改变字体等样式。环境VSCodeMarkdown pdf插件已安装,如下图:改变字体的步骤我先
VSCode下载下载地址下载arm-eabi-gcc10.3.1,mingw64-gcc12.2.0,nRF5x-Command-Line-Tools_9_6_0_Installer等安装文件链接:https://pan.baidu.com/s/1iuVIkd3GAiUb3qGgF-ecPg 提取码:2d69安装arm-eabi-gcc10.3.1设置环境变量C:\SysGCC\arm-eabi\
什么是pom? pom作为项目对象模型。通过xml表示maven项目,使用pom.xml来实现。主要描述了项目:包括配置文件;开发者需要遵循的规则,缺陷管理系统,组织和licenses,项目的url,项目的依赖性,以及其他所有的项目相关因素。 快速察看:<project>
<modelVersion>4.0.0&