至尊技术网 - 默认分类 只是一个默认分类 2022-11-19T14:10:00+08:00 Typecho https://www.zzwws.cn/feed/atom/category/default/ <![CDATA[VSCode实用插件]]> https://www.zzwws.cn/archives/6370/ 2022-11-19T14:10:00+08:00 2022-11-19T14:10:00+08:00 悠悠楠杉 http://www.zzwws.cn 一、必备插件(web前端/PHP)

Chinese(中文)

HTML Snippets(代码提示)

HTML CSS Support(智能提示CSS类名以及id)

Auto Close Tag(自动闭合标签)

Auto Rename Tag(自动重命名 HTML 标签的开始和结束标签)

CSS Peek(选择某个 class 或者 id 名称按住Ctrl键+鼠标左键可以直接定位到该名称的CSS的位置)

Markmap(思维导图神器,.md文档编辑窗口的右上角就会多一个预览的图标Open as markmap,当然也可手动打开命令面板,输入Open as markmap)

css-auto-prefix(自动添加 CSS 私有前缀)

JavaScript (ES6) code snippets(智能提示与快速输入)

jQuery Code Snippets(jQuery代码智能提示)

px to rem & rpx & vw (cssrem)(px转换成rem,Font Size:填写设计稿的宽度/10)
需要在head引用lib-flexible:https://zhizun.lanzouy.com/iq8cDzuud2f

<script>
    if(window.screen.width >= 850){// 设置最大的字体大小,PC端显示,放到head
        document.getElementsByTagName('html')[0].style.fontSize = '85px';
    }
</script>

PHP Intelephense(PHP代码提示工具)

open in browser(快速打开html文件到浏览器预览)

Prettier - Code formatter(文件格式化,可配置自动格式化)

Vetur(官方钦定Vue插件)

Vue Language Features(默认的vue文件在vs code里全部是一样的文字,且不能点击。该插件让vue文件的内容有了颜色区分,同时支持点击相对路径文件的跳转)

Preview on Web Server(html文件保存,浏览器自动刷新,右键选择vscode-preview-server: Launch on browser,启动浏览器,需要使用本地web服务器,去掉右上角刷新提示:<style>#__bs_notify__{ display: none!important; }</style>

二、效率神器

Bracket Pair Colorizer(括号做颜色区分)

Browser Preview(VSCode里面打开浏览器)

REST Client(接口调试)

Partial Diff(文件比较)

Npm Intellisense(自动完成导入语句中的npm模块)

Path Intellisense(快速引入文件)

Color Highlight(设置 CSS 颜色的样式)

Project Dashboard(项目仪表板插件)

CodeSnap(代码截图插件)

Path Autocomplete(路径自动完成)

IntelliCode(提供智能的代码建议,默认支持 Python、TypeScript/JavaScript、React 和 Java)

ES7 React/Redux/GraphQL/React-Native snippets(语法智能提示,React 开发者必备)

Live SASS Compiler(可以将 SASS 或 SCSS 文件实时编译或转译为 CSS 文件)

Remote-SSH(SSH 服务器的远程机器作为开发环境)

Debugger for chrome(微软开发的插件,调试 JS 代码,可以设置断点、逐步执行代码、调试动态添加的脚本等)

Live Server(实时加载功能的小型服务器)

Minify(压缩html、css、js文件,安装后按F1再输入Minify)

Regex Previewer(实时预览正则表达式的效果)

HTML Boilerplate(一键生成 HTML 模板)

wakatime(编程时间及行为跟踪统计)

any-rule(常用正则大全)

Image preview(预览图片)

Tabnine(多语言的插件,自动完成代码的输入)

Settings Sync(配置同步到云端,登录账号也会同步扩展)

Codelf(提供很多建议的命名,选中文本再右键点击Codelf)

Highlight Matching Tag(突出显示匹配的开始和/或结束标签)

Turbo Console Log(快速添加 console.log 信息,js debug 必备,ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log,alt + shift + c 注释所有 console.log,alt + shift + u 启用所有 console.log,alt + shift + d 删除所有 console.log)

Sort lines(对当前文本排序)

Data Preview(预览数据文件)

三、Git集成

GitHub Pull requests( 查看和管理GitHub拉取请求和问题)

Git Graph(Git 图形化显示和操作)

GitLens(快速查看更改行或代码块的对象)

GitHistory(可查看和搜索git日志以及图形和详细信息)

四、美化

GitHub Theme(黑白两款皮肤)

vscode-icons(漂亮的目录树图标主题)

Better Align(代码优雅排版)

Better Comments(丰富注释颜色)

vscode-json(处理 JSON 文件)

Prettier(格式化插件支持React)

Material Theme(集成了多种主题皮肤)

Material Icon Theme(扁平化的主题图标库)

Beautify(右键鼠标一键格式化)

五、代码规范

change-case(变量命名规范)

JavaScript Booster(代码改进)

ESlint(严谨的规范书写)

TSLint(书写规范)

Code Spell Checker(拼写检查程序)

koroFileHeader(生成文件头部注释和函数注释)

Error Lens(代码检查(错误、警告、语法问题)进行突出显示)

EditorConfig for VS Code(代码风格统一)

六、装X神器

Markdown All in One(书写Markdown)

vscode-drawio(画流程图)

Polacode-2020(转化成一张逼格满满的图片)

Live Share(与他人实时进行协作式编辑和调试)

Markdown Preview Enhanced(在 VSCode 里编写 Markdown,支持预览)

]]>
<![CDATA[阿里云网盘网页下载速度解除限制]]> https://www.zzwws.cn/archives/6288/ 2021-12-22T21:05:44+08:00 2021-12-22T21:05:44+08:00 悠悠楠杉 http://www.zzwws.cn

现在阿里云盘网页下载100MB以上的文件强制下载客户端了,多少还是有点不方便的。

网上的一款油猴脚本,可以直接在网页上提取下载地址、突破两分钟试看限制、自定义分享密码等功能,

安装脚本之后,只需在要下载的文件网页的右上角,点“显示链接”即可。

下载地址:https://greasyfork.org/zh-CN/scripts/425955-%E9%98%BF%E9%87%8C%E4%BA%91%E7%9B%98

]]>
<![CDATA[抖音经常用到的转场视频素材]]> https://www.zzwws.cn/archives/6276/ 2021-12-20T17:58:56+08:00 2021-12-20T17:58:56+08:00 悠悠楠杉 http://www.zzwws.cn

下载地址:https://www.aliyundrive.com/s/iaZKrmXWUHj

]]>
<![CDATA[《蜘蛛侠:英雄无归》 枪版]]> https://www.zzwws.cn/archives/6258/ 2021-12-17T19:01:26+08:00 2021-12-17T19:01:26+08:00 悠悠楠杉 http://www.zzwws.cn

下载地址:https://www.aliyundrive.com/s/rpBMJATNxuK

]]>
<![CDATA[高清中国地图和各省的地图]]> https://www.zzwws.cn/archives/6237/ 2021-12-13T17:20:24+08:00 2021-12-13T17:20:24+08:00 悠悠楠杉 http://www.zzwws.cn

下载地址:https://www.aliyundrive.com/s/waz46rwqZA5

]]>
<![CDATA[抖音小姐姐热舞视频16000部]]> https://www.zzwws.cn/archives/6207/ 2021-12-10T17:05:22+08:00 2021-12-10T17:05:22+08:00 悠悠楠杉 http://www.zzwws.cn

抖音小姐姐热舞视频16000部 据说多看美女能长寿!

下载地址:https://www.aliyundrive.com/s/XrR6T8x3ZZ2

]]>
<![CDATA[网络热门音效大合集,短视频必备]]> https://www.zzwws.cn/archives/6192/ 2021-12-06T19:16:45+08:00 2021-12-06T19:16:45+08:00 悠悠楠杉 http://www.zzwws.cn

链接: https://pan.baidu.com/s/1zZEknhwzImhGFitl5fzFOw 提取码: 71he

]]>
<![CDATA[生活压力大,来一起看看减压视频吧!]]> https://www.zzwws.cn/archives/6130/ 2021-11-25T18:36:48+08:00 2021-11-25T18:36:48+08:00 悠悠楠杉 http://www.zzwws.cn

下载地址:https://www.aliyundrive.com/s/C6Ye53qBbSg

]]>
<![CDATA[收集到的全国所有地方的旅游攻略]]> https://www.zzwws.cn/archives/6024/ 2021-11-01T18:43:17+08:00 2021-11-01T18:43:17+08:00 悠悠楠杉 http://www.zzwws.cn

需要的即使保存,下次和对象,朋友出去,不再迷茫。

下载地址:https://www.aliyundrive.com/s/W5NNWC1eyZL

]]>
<![CDATA[PR模板 片头模版/视频特效/字幕剪辑/图文快闪/婚礼快剪/电子相册]]> https://www.zzwws.cn/archives/6005/ 2021-10-30T18:57:51+08:00 2021-10-30T18:57:51+08:00 悠悠楠杉 http://www.zzwws.cn

下载链接:https://pan.baidu.com/s/1oNUbUp_WZZ_lFhpCjryniQ 提取码:suen

]]>