vscode插件及新电脑配置

# 插件

# error lens,可以提示js错误

image.png

# liveServer,鼠标右键可以打开html、htm文件,本地会起个服务器,以ip访问

image.png

# vue项目可以安装vetur

它会帮你高亮vue文件的代码

# eslint

帮你高亮eslint规则下的语法错误

eslint只能识别js语法,其它类型文件需要更强大的prettier。可以eslint + prettier补丁,也可以prettier + eslint 补丁,通常采用前者。

# 其它

# 代码片段

可以设置常用的代码片段,提高开发效率

clg => console.log

// 其它略
import from

methods: {}

data() {
return {}
}
1
2
3
4
5
6
7
8
9
10

# 安装md文件编辑器,方便做记录

typory、markText.typoty新版本要收费了,建议用markText。

它们都挺像的,可以粘贴图片。建议设置偏好,修改粘贴的图片的存放目录

image.png

image.png

image.png

插入表格的方式也是相同的

image.png

# 软件

# 粘贴

  • snipaste,可以记下快捷键。是个十分强大的截图软件。

快捷键,就略过了,可以自己探索。f3跟vscode的快捷键冲突,我会把snipaste的f3按键取消,因为鼠标中键就已经够用了。

# 录屏

  • screenToGif,录制GIF

  • 飞书,录制GIF及MP4,有对应的快捷键,我改成alt + v,因为跟其它软件冲突了。

Buy me a cup of coffee ☕.