Auto Close Tag:匹配标签,关闭对应的标签。对于HTML/XML很实用。
原创
2022-08-19 11:45:19
442阅读
按Ctrl + Shift + P调出命令窗口,输入join lines,确认执行就可以合并多行了。 join lines
原创
2021-07-28 15:22:29
1352阅读
目录一、开发类二、效率类 一、开发类HTML CSS Support:html提示css自动补全。Auto Close Tag:自动闭合标签。Auto Rename Tag:重新命名标签。CSS Peek:快速查看当前标签设置的css属性。「将光标移动要需要查看的标签,然后按下f12即可查看」cdnjs:在线的js文档。ESLint:可组装的JavaScript和JSX检查工具。Prettier
转载
2024-03-12 09:41:02
358阅读
一、故事总有其背景
uglifyjs. 据说是用来压缩JS文件的,据说还能优化JS,据说是基于node的,还据说比Google Closure Compiler更带感,哦?激起了我的好奇心。百之谷之,哟,相关的介绍还不少。然后折腾了个把小时,基本上知道了是个怎么回事。
二、node相关的固定流程
凡事提及node应用,无非免不了类似下面的流程: 安装node安装npm安装当前
转载
2024-01-08 13:54:06
49阅读
前段时间,同事又来咨询一个问题了,说手机端动不动拍照就好几M高清大图,上传服务器太慢,问问我有没有可以压缩图片并上传的js插件,当然
前段时间,同事又来咨询一个问题了,说手机端动不动拍照就好几M高清大图,上传服务器太慢,问问我有没有可以压缩图片并上传的js插件,当然手头上没有,别慌,我去网上搜一搜。结果呢,呵呵。。。诶~又全是基于jquery、zepto
转载
2023-06-12 18:07:02
188阅读
这里 讲解 三种JS 打包插件:(1)UglifyJS支持: babel present2015、webpack3缺点: 它使用的是单线程压缩代码,也就是说多个js文件需要被压缩,它需要一个个文件进行压缩。所以说在正式环境打包压缩代码速度非常慢(因为压缩JS代码需要先把代码解析成用Object抽象表示的AST语法树,再去应用各种规则分析和处理AST,导致这个过程耗时非常大)。优点: 老项目支持(兼
转载
2023-06-06 16:07:19
297阅读
下载Settings Sync设置令牌:d0bc93dbc94e44ce0e9060431e408069一键同步我的所有插件 ,已打包好前端好用插件、配好配置下面介绍一部分1. 划词翻译名称: A-super-translate2. 好看主题名称: Atom One Dark Theme / One Dark Pro3. 自闭合标签名称: Auto Close Tag4. 保存书签,快速跳转到对应
转载
2023-10-12 00:37:14
14阅读
VSCode(Visual Studio Code)是由微软研发的一款免费、轻量(启动速度快)、丰富的插件生态系统(可高度定制)、跨平台的文本编辑器,很受前端工师的青睐,算是目前前端开发几乎完美的软件开发工具。VScode内置支持JavaScript,TypeScript和Node.js,同时具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Uni
转载
2024-08-17 15:54:10
49阅读
使用Package Control 安装插件时,可能由于网络或者其他原因,安装不成功。最好
转载
2022-11-26 19:34:09
10000+阅读
名称功能Auto Close Tag自动闭合HTML标签Auto Import Typescript自动import提示Auto Rename Tag修改HTML标签时,自动修改匹配的标签Beautifycss/sass/scss/less css/sass/less格式化Better Comments编写更加人性化的注释Bookmarks添加行书签Can I UseHTML5、CSS3、SVG的
转载
2024-06-13 22:01:17
699阅读
验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。1、安装插件VSCode中打开应用商店并搜索、安装三个插件:ESlint,vetur,Prettier - Code formatter。具体 2、配置VSCode的Settings.json文件2.1、打开设置界面路径打开:File(文件)->Preferences(首选项)->Set
转载
2023-06-08 10:07:30
1024阅读
难度:容易前言本文源于对Node应用生产环境的一次调试经历,当时遇到一些问题,遂作记录。如果对Node应用程序调试不熟悉的同学可以先行阅读以下官方文档:https://nodejs.org/en/docs/guides/debugging-getting-started/https://nodejs.org/dist/latest-v14.x/docs/api/debugger.html —— 写
转载
2023-08-29 19:56:11
820阅读
对于开发过程中,如果有函数或属性提示,可以大大提高效率。对于java,python,C#等语言强类型的编译型脚本语言,其对应的IDE都有完备的代码。对于C++/C也有比较完善的代码提示,而js和lua这种弱类型语法,就很难了。很多仅仅是提供了同文件或同目录已有关键字的代码提示。这个也是js开发最头痛的地方之一。 在使用vscode开发js,则
转载
2023-09-17 11:44:16
4402阅读
1、安装VS Code(1)官网下载 https://code.visualstudio.com/ 下载VS Code,按照步骤安装即可。(2)设置简体中文:Ctrl+Shift+P 或者 选择View >> Command Palette,然后输入Configure Display Language 选择zh-cn,如果没有zh-cn选项,则选择Install a
转载
2024-02-03 09:46:17
350阅读
前端在处理文件时,对于大文件或者多个文件上传、下载、编辑,直接使用原文件不方便,最近使用一个可以前端中处理 zip 文件的库,JSzip,主要功能:前端中压缩、解压缩、编辑zip文件。在 nodeJS 中,可以使用 JSZip 压缩本地文件。这个库的官网:https://stuk.github.io/jszip/安装浏览器环境代码下载链接 http://github.com/Stuk/jszip/
转载
2024-01-25 21:54:17
185阅读
用vscode半年多了,推荐给了身边的几个朋友用,都表示很好用,很推荐,这里分享几个常用的基础的插件0、vscode插件安装打开后,点击这个图标 直接搜索插件名,点需要安装的插件右下角的install,出现设置图标表示安装完成。1、Chinese (Simplified) Language简体中文。像我这英语水平不太好的人,当然还是简体中文看着亲切。需要说明的是中文插件安装之后,需要重启vscod
转载
2023-11-21 17:01:06
571阅读
一些自己在VSCode上装的插件,换台电脑操作的时候可以快速的根据笔记去安装会用到的插件但是如移动端的单位转换等插件和配置没有记录在这目录1、安装中文插件2、快速打开浏览器3、自动格式化代码4、结束标签补全5、配置Less插件6、标签高亮匹配7、检测单词是否拼写正确8、代码、语法错误提醒9、CSS智能提醒10、html代码自动补全11、JavaScript代码补全库12、标签HTML页面浏览器自动
转载
2023-11-09 21:11:25
3536阅读
本文将用JavaScript实现两个颇有技术含量的功能:图片压缩、图片加密。最终效果:可实现将任意图片加密、压缩,并保存到一个独立的html页面中,输入正确的密码,才能看到原图。第一步、压缩图片技术原理将图片读入canvas,并使用canvas的toDataURL方法将图片base64化,在此过程中,可以设定quality值,即图片质量值,值为0.1到1之间,值越小,压缩度越高。完整代码保存为ht
转载
2023-09-01 15:00:11
142阅读
目录一、走进前端二、VSCode简单介绍三、VSCode的下载及安装四、VSCode插件的安装五、部分插件及其使用1.汉化2.Bracket Pair Colorizer3.markdownlint4.open in browser5.Path Intellisense6.Prettier7.vscode-icons8.Indent-Rainbow9.Atuo Rename Tag10.files
转载
2023-09-25 11:41:27
610阅读
Chinese 中文汉化插件中文翻译vscodeany-rule 正则 快捷插件按F1输入zz往下翻就可以找到了Vetur vue高亮插件vue必备插件之一。提供语法高亮、片段、整理/错误检查、代码提示等功能Path Autocomplete 自动补全路径Open in Browser 浏览器打开html文件快速在浏览器中打开html文件Bracket Pair Colorizer 括号高亮给括号
转载
2024-01-01 10:21:50
108阅读