一个前端大神电脑里的秘密_dependency cruiser extension

• 流程图绘制： drawio

• PDF查看： vscode-pdf

• Markdown预览：Markdown Preview Enhanced

• SVG文件预览：SVG Viewer

• 图片预览（在html或者css写地址的时候可直接预览）：Image Preview

• 文件依赖分析（如：.vue文件可以通过该插件看到引用了哪些依赖）：Dependency Cruiser Extension

• 颜色选择、设置：Color Highlight、Color Picker

• 快速生成注释：vscode-fileheader 和 koroFileHeader

• npm模块导入智能提示： npm Intellisense

• 接口请求：REST Client

6. docker（选用）

---

docker可以帮助前端快速获取一些偶尔使用的环境（偶尔使用的环境，又不想在电脑上安装一大堆），如：nginx、mysql、redis等之类的，之前发过一篇简单的使用，可以参考一下，地址

7. 梯子

---

科学上网，不用解释

二、好网站

图片相关

---

1. 代码图生成 carbon

2. 代码图生成 ray

3. 图片压缩-tinypng

4. 图片压缩-picdiet

5. 图片压缩-compresspng

6. 图片背景消除

开发文档

---

1. 聚合类开发文档

2. 聚合类开发文档-overapi

3. docschina.org/

4. 菜鸟教程

5. roadmap.sh/

在线IDE、代码美化

---

1. codepen.io/

2. codesandbox.io/

3. code.juejin.cn/

4. stackblitz.com/

5. 代码美化

响应式开发、多平台测试、性能分析

---

1. 多设备调试

2. 多平台测试

3. 性能分析

css

---

css动画演示

常用开发小工具

---

1. smalldev

2. tool

简历

---

1. resume

2. 500丁

AI

---

AI视频生成 AI代码

CDN

---

1. cdnjs.com/

2. www.bootcdn.cn/

3. www.jsdelivr.com/

4. cdn.baomitu.com/

正则

---

1. 正则图生成

2. github.com/any86/any-r…

3. regexr.com/

设计

---

1. 配色

2. 渐变配色

3. 头像生成

4. 表情符号

5. 阿里巴巴图标库

6. 图片设计

7. 高清图片

8. 各类插图

其他

---

1. 建站服务

2. 变量命名

3. gitignore

4. 程序员笑话梗

三、好软件

1. IDE：

---

vscode

webstorm

sublime Text

2. 版本管理

---

git

sourcetree（可视化git操作）

svn

3. 抓包软件

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

sdn.net/topics/618166371)

svn

3. 抓包软件

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

[外链图片转存中…(img-8n3MEixE-1714514250806)]

[外链图片转存中…(img-4rME0WsE-1714514250807)]

[外链图片转存中…(img-v8AeG4Nd-1714514250807)]