VSCode

英文官网:https://code.visualstudio.com/
中文官网:http://vscode.p2hp.com/
win下载链接:VSCode
mac下载链接:VSCode
工欲善其事,必先利其器。想要优雅且高效的编写代码,必须熟练使用一款前端开发工具。

一些插件:

编程工具合集-LMLPHP
编程工具合集-LMLPHP

XMind

win下载链接:Xmind
mac下载链接:Xmind
思维导图软件

重点快捷键:

Xmind-AI

官网:https://xmind.ai/cn/
一个AI智能生成的思维导图

Typora

win下载链接:Typora
mac下载链接:Typora
一个做笔记的软件,安装后可以直接用
操作步骤:
视频地址: https://www.bilibili.com/video/BV1Xg4y1t7V5/?spm_id_from=333.999.0.0

  1. 安装 md 主题:
    1.1 文件 - 偏好设置 - 外观 - 打开主题文件夹 - 把2个css文件复制进去;
    1.2 如果还有md文件打开的话,关闭所有的md文件;
    1.3 主题菜单 · orangeheart

  2. 常用设置
    2.1 标题:# 加一个空格,加标题回车就可以,如:“# 一级标题”

    2.2 如果输入代码:~~~html 回车 (或者ccs javascript)
    2.3 显示代码的行号:文件 - 偏好设置 - 代码块 - 显示行号(选中就可以)
    2.4 注意事项 >文字内容 敲下回车
    2.5 突出文字,让某个文字 “变色”,用``反引号
    2.6 有序:1.加空格 2. 加空格 (如:1. 2. )
    2.7 无序: - 加空格(如- )
    2.8 加粗文字:直接选中文字,然后 Ctrl+B
    2.9 插入表格:段落 - 表格 即可
    或者:

    2.10 截图自动生成图片文件夹:文件 - 偏好设置 - 图片插入 - copy
    或者:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DMUyf93t-1691309895391)(图片链接)]

Snipaste截图工具

win(直装)下载链接:Snipaste
mac下载链接:Snipaste
一款电脑截图软件

画图工具

win下载链接:Zoomlt64
mac下载链接:ScreenBrush
一款电脑画图软件

Zoomlt64安装步骤:
直装软件,点击 “Agree” 即使用:

编程工具合集-LMLPHP

Zoom表示放大,默认 “Ctrl + 1”,“Ctrl + 4”
Draw表示画笔,默认“Ctrl + 2”
Type表示倒计时,默认 “Ctrl + 3”

编程工具合集-LMLPHP

08-14 04:20