前文介绍了rem,在这里介绍两种实际使用rem的例子;flexible.js可伸缩布局使用两种方式的优劣: 1、第一种方式使用上更为简单,第二种需要把样式文件从scss 转为css文件比较麻烦; 2、第一种只能px转为rem,第二种在这一功能上,也提供出了rem转化px的功能 3、第二种需要将scss编译成css 再修改和编写 不如第一张方便flexible.js 源码//designWid
vscode最佳配置添加如何设置屏幕阅读器优化添加对 Flutter(Dart)的语法支持,配置在最底部最近一次更新时间: 2020.03.22 (vscode V1.39.2)配置说明详解vscode配置文件内容在最后,已附上。可直接copy使用vue项目,标准格式化规范的eslint文件附在末尾editor是针对vscode的风格设置 例如 tabSize:一个tab等于2
转载
2024-09-27 18:23:12
52阅读
Visual Studio Code (简称 VS Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。本文是有关 VS Code 的特性介绍与配置指南,相关设置主要针对 Mac OS X 平台。在快捷键部分, ⌘ 指 Command 键,⇧ 指 Shift 键,⌃ 指 Control 键,⌥ 指 Option/Alt 键。1. Visual Studio Code 特性简介1.1
在移动端开发时,我们常常要使用rem适配页面元素大小。那么如何把px转为rem单位就是必做的换算。我们有2种方式快速的解决这个问题:1.使用less,因为less支持变量和运算。2.使用VS Code的第三方插件:cssrem,它能自动帮我们把px为单位的数据,转换成rem单位的数据接下来就介绍下该插件的使用方法。一、安装与安装其他插件没有差别,只需要打开VS Code的扩展窗口,然后在搜索框中输
转载
2024-02-20 13:08:45
281阅读
JavaScript (ES6) code snippets //JavaScript (ES6)代码片段插件
jQuery Snippets //jQuery代码片段插件
Live Server
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阅读
Emmet扩展JSX语法在编辑器的左下角设置里找到设置-在左侧的扩展里找到Emmet,在右侧找到这个插件的Include Languages – 在settings.json中编辑"emmet.includeLanguages":{
"javascript": "javascriptreact"
},回到设置界面,右侧找到 Trigger Expansion On Tab 勾选现在就可以在inde
转载
2024-04-07 10:46:20
261阅读
今天是正式开始前端学习的第一天!根据老师要求每周写一篇文章,以此自勉并作自我反省!!!VSCode快捷键ctrl+~ : 快速打开终端窗口ctrl+d : 选中目标代码后,使用该快捷键可快速向下进行寻找(找出与目标代码中一样的代码位置在哪)ctrl+f : 当你选中某目标代码后,使用该快捷键可打开替换窗口,并对所有相同目标代码进行便捷替换(按回车即可)ctrl+x : 快速删除选中行代码ctrl+
1.在拓展插件里面下载cssrem安装2.安装结束后重启3. 这里设置你要根据多少数字来计算rem,填写完毕后重启4. 这里会进行计算。
转载
2023-06-28 20:22:53
67阅读
文章目录前言环境改变字体的步骤1. 首先找到插件的github repo地址2. 在repo里面搜索font关键字3. 在repo里面搜索.css4. 修改font.css文件5. 修改VSCode的配置小结备注参考文献 前言如题,本文主要讲述VSCode中的markdown文件输出为pdf的时候,如何改变字体等样式。环境VSCodeMarkdown pdf插件已安装,如下图:改变字体的步骤我先
vscode C#的环境配置与调试暑期学习C#,环境配置花了我一段时间,一直找不出问题,好在最终解决了,下面是我的配置过程以及遇到的问题,以供参考。第一步.NET CORE下载检测是否安装成功:打开cmd,快捷键:win+R在命令行输入dotnet --version,可查看已经安装的版本第二步给vscode安装扩展直接在应用商店搜索C#,待安装完成即可第三步新建项目文件夹,用vscode打开,打
转载
2024-05-06 17:21:48
142阅读
问题主要有以下几方面页面问题描述:一.最常见的是版本问题解决方法二.拼写问题问题描述:router导入语法错误或者路由拼写错误一:路由问题二:router拼写问题三.引用时自动补全问题问题描述:在引用时随意使用自动补全功能导致识别错误(这点也是我自己的问题所在)四.问题总结 页面问题描述:vue项目正常启动后,页面全空白,并报错:Uncaught TypeError: Cannot read p
自定义C/C++的编程主题环境配置:vscode 代码编辑器C/C++ Themes插件 在 vscode 中的扩展中搜索 C/C++ Themes 并安装即可,如图:前言Q: 为什么我决定自定义主题?A: 因为原来的暗色主题实在是太丑了!!!,但是其他的好看的暗色主题,比如 one dark pro(我个人认为)对于C和C++的语法显示方面又不够全面。所以我决定自定义一个主题来实现两者兼顾的想法
Shift 键能用于控制文本选择的,Ctrl 或者 Cmd 键能当做辅助键的,Tab 是用于 在控件之间跳转的VS Code 的做法是搭配组合辅助键 Ctrl、Alt 和 Meta 键,然后根据当前用户正在使用的组件来决定是 什么功能; Vim 则是运用了“模态”的概念,把输入文本信息,和光标移动、文本操作等分开为不同的模态,不同模态各有一套自己的快捷键。大家都说 Vim 的学习曲线比较陡峭,一个
转载
2024-09-12 06:54:38
57阅读
引言:在移动端开发,通常要为不同尺寸的设备进行尺寸的适配,比如盒子的大小会用相对的尺寸来定义,比如百分比,再者是rem相对尺寸,rem是根据根元素html设定的font-size来决定权重的,比如默认的font-size是16px,那么1rem=16px,那么你在编写样式的时候,通过计算像素来获得对应rem,这样尺寸变化也不会影响布局。还有一种则是视口viewport,简写为vw,viewport
转载
2024-04-07 08:50:53
167阅读
1. 背景vscode自身是支持vue文件组件跳转到定义的,但是支持的力度是非常弱的。我们在vue-cli的配置的下,可以写很多灵活的用法,这样可以提升我们的生产效率。但是正是这些灵活的写法,导致了vscode自身提供的功能无法支持跳转到文件定义。为了兼容这些灵活的写法,提高工作效率,所以写了一个vscode支持vue文件跳转到定义的插件。2. 插件vscode支持vue文件跳转到定义的插件(vu
转载
2024-04-07 09:07:39
119阅读
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点:1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 pt是一个物理长度单位,指的是72分之一英寸。9pt=12px,可以依次换算。&n
转载
2024-02-19 20:15:21
32阅读
在移动端开发时,我们常常要使用rem适配页面元素大小。那么如何把px转为rem单位就是必做的换算。我们有2种方式快速的解决这个问题: 1.使用less,因为less支持变量和运算。 2.使用VS Code的第三方插件:cssrem,它能自动帮我们把px为单位的数据,转换成rem单位的数据 接下来就介绍下该插件的使用方法。 一、安装 与安装其他插件没有差别,只需要打开VS Code的扩
转载
2024-02-23 13:31:15
1816阅读
pxPixel 像素,相对长度单位。像素是相对于显示器分辨率而言。rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。小程序规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px。即小程序的750rpx就等于屏幕的宽度,1rpx=(屏幕宽度/750)px。r
1,koroFileHeader 我们在新建一个文件后,常常需要在文件头部加入默认注释,vscode中提供了一个的插件,可以帮助我们实现。1.1,安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后,重启vscode1.2,setting.json配置打开vscode的设置(左下角管理-》设置),搜索F
转载
2024-03-08 22:08:11
148阅读