vscode格式化代码、链接服务器客户端 mobaxterm 工具、echarts社区官网、vue-devtools、猴子音悦免费音乐素材、页面平滑滚动动画和滚动到指定页面位置

1、vscode 格式化代码

vscode编辑器上安装 Prettier - Code formatter、 ESLint 插件
在vue项目的根目录下创建 .editorconfig 文件

// .editorconfig

// .editorconfig 文件是 自己项目里面的配置，权重大于 vscode 设置里面的配置
# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
# trim_trailing_whitespace = true
# insert_final_newline = true

# 设置最大行长度为120个字符
[*.{js,ts,vue}]
max_line_length = 1200

[*.md]
trim_trailing_whitespace = false

2、css实现页面平滑滚动

一条css属性即可

scroll-behavior: smooth;

3、点击控制页面滚动到元素刚好显示的位置

// 比如滚动的页面展示id为test的元素显示的位置
const dom = document.querySelector('#test')
dom.scrollIntoView({
	behavior: "smooth"
})

4、echarts 社区官网地址

https://www.isqqw.com/

5、vue-devtools安装

使用极简插件安装（vue2、vue3通用）
1、极简插件的地址
2、在搜索栏中输入 vue

直接点击推荐下载

将下载好的压缩包解压出来

拖进谷歌浏览器即可

6、猴子音悦

猴子音悦免费音悦素材地址