
开发工具使用
cvper
向前走,打破前方的迷雾.....
展开
-
vscode 折叠所有区域代码快捷键
问题描述:最近换用了vscode代码编辑器,在查看jquery源码的时候想折叠所有区域的代码,不知道快捷键是哪一个?查看了使用说明,快捷键如下:1. 折叠所有区域代码的快捷: ctrl + k ctrl + 0 ; 先按下 ctrl 和 K,再按下 ctrl 和 0 ; ( 注意这个是零,不是欧 )原创 2018-01-30 21:52:53 · 103836 阅读 · 13 评论 -
制作精灵图 glue 的安装使用(安装过程存在的问题)
帧动画是很多张图片的切换,依赖人眼的视觉残留效应实现动画的效果;一般情况下设计会给到很多的图片,这个时候,作为前端需要把这些图片合成一张图片,然后改变图片的位置,显示相应的图片区域即可;———————————————————————————————————————————————————合成图片的工具:glueGitHub地址:https://github.com/j...原创 2019-05-13 21:39:10 · 1683 阅读 · 0 评论 -
Fecs 在 vscode 的下的安装和使用
因项目需要,所以安装了 Fecs,fecs: 一个代码检查和格式化的工具,百度的, 我是在vscode 下面安装的,首先打开 vscode 的命令行,(不知道怎么打开? 先看这个: https://blog.youkuaiyun.com/cvper/article/details/79523387)打开后第一步安装插件:全局安装即可,不用担心当前目录在哪里,直接: npm install...原创 2018-11-11 11:45:12 · 946 阅读 · 0 评论 -
分享一个简繁字体转换的站点
港澳台地区的文字是繁体,如果我们需要做简繁体的切换的功能,那么就需要事先将简繁体输出到页面中,下面提供一个简繁体的站点,注意,台湾地区的和港澳的不太一样,需要注意下,这里的转换应该是一个通用的:自行判断,根据需要来地址:http://fantizi.apple886.com/...原创 2018-11-07 19:22:24 · 509 阅读 · 0 评论 -
vscode 换主题(背景) 的快捷键
vscode 默认是有好几种主题的,有颜色较深的,也有比较柔和的;我们可以使用快捷键来快速的选择更换主题;首先:按下 Ctrl + k 然后再按下:Ctrl + t此时就会弹出相关的主题,自行选择就好了...原创 2018-09-25 19:16:02 · 23247 阅读 · 1 评论 -
vscode 跳转到指定的行数的快捷键
在工作中,尤其是容易产生错误的 js 代码,报错之后会提示有错误代码的位置,也就是在哪一行出问题了,在vscode 编辑器中,可以使用快捷键 跳转到指定的行数: 快捷键: Ctrl + G ,然后在弹出的框中输入行数就可以了; ...原创 2018-07-17 23:02:01 · 74689 阅读 · 0 评论 -
用 ps 获取设计图中的大段文字内容
上周遇到这么个情况,项目中的设计图中有大段的文字,但是我这么个 ps 菜鸟也不知道用 ps 文字获取,生生手打全部文字,浪费了很多的时间,后来总监看见了,就教了一下用 ps 文字去选中复制psd中的文字内容,也算学会了一个新技能,但是在后面的使用中发现,有的大段文字居然获取不了,估计是这个软件不大行,于是马上安装了ps cc 2017 ,现在再去操作,就没啥问题了;拿到了设计图如下: (部分内容)...原创 2018-06-18 19:19:06 · 1859 阅读 · 0 评论 -
前端压缩图片 tinypng
前端写页面,很多时候会引入大量的图片,网页打开的时候加载速度就会成为一个问题,尤其是在目前的移动端(未来网速大幅提升的情况下会好很多),现在这样的情况下压缩图片是很好的选择,可以加快网页打开的速度,让用户有更好的体验;这里有一个很好用的工具,tinypng ( www.tinypng.com )打开官网,把需要压缩的png 或者 jpg 格式的图片直接拖进去就可以了,很简单;缺点是免费的...原创 2018-05-29 00:21:36 · 2126 阅读 · 0 评论 -
vs code 全屏 快捷键 F11
每天写一点,好记性不如烂笔头!vscode 进入全屏/退出全屏 的快捷键都是 F11 ;原创 2018-05-03 04:36:24 · 19053 阅读 · 1 评论 -
vscode 缩进快捷键 代码对齐快捷键
vscode缩进快捷键: 选中文本; Ctrl + [ 和 Ctrl + ] 实现文本的向左移动或者向右移动;vscode代码对齐快捷键: 选中文本; Shift + Alt + F 实现代码的对齐;...原创 2018-04-25 00:45:49 · 156546 阅读 · 13 评论 -
前端如何查看浏览器对标签或者属性的兼容性
caniuse其实有很多的方法,这里介绍一下个人使用的方法:https://caniuse.com/caniuse网站中可以显示出你想要的结果,当然了,这只是一个基本的参考的作用,实际的情况还需要进行测试;安装使用caniuse-cmd你可能觉得还得打开一个窗口去搜索太麻烦了,那么我们也可以使用 caniuse-cmd ;在命令行下直接得到我们的结果;本人的windows8, 使用的git bas...原创 2018-04-12 00:48:44 · 3754 阅读 · 0 评论 -
vscode 打开终端快捷键
使用vscode的过程中,我们可能会用到终端,虽然系统自带有,但是还要另外打开,有点不方便,vscode中就有这个功能,打开方法1. 使用快捷键: ctrl + · 即可;注意那个点是键盘上 esc 下面的那个;或者:2. 选择vscode的 “查看”,然后选择“集成终端” ,打开即可;效果:...原创 2018-03-12 10:17:34 · 189741 阅读 · 21 评论 -
vscode 调试控制台快捷键
vscode 是有调试控制台的功能的,如何打开和隐藏呢?方法一:快捷键 调试控制台的快捷键是: ctrl + shift + y ; 可以快速实现显示和隐藏控制台;方法二:通过功能键选择 打开 vscode 编辑器; 选择 “查看 ”选项;原创 2018-02-04 14:35:36 · 40151 阅读 · 0 评论 -
visual studio code 设置chrome浏览器打开,设置node服务器打开;
问题:在使用 visual studio code 编写网页的时候,我们往往需要使用某个浏览器测试一下,那么怎么设置? 在使用vscode开发node程序时,如何直接进行浏览器打开设置? 举例步骤: 1. 新建一个项目的文件夹,假设为 test-home ,使用vscode打开这个文件夹:如图原创 2018-01-19 20:56:58 · 43240 阅读 · 0 评论