前端开发vscode配置

前端开发vscode常用插件

1. Auto Rename Tag 自动关闭标签

2. Auto Close Tag 自动修改标签名

3. Bracket Pair Colorizer2 找到括号的另一半

4. Color Highlight 颜色高亮

5. CSS Peek 点击类名迅速定位到样式的定义

6. Easy LESS 写样式一把梭就对了

7. Highlight Matching Tag 找到标签的对象

8. indent-rainbow 彩虹缩进

9. Indenticator 当前处于的缩进层级

10. Markdown Preview Enhanced

11. Monokai Pro 主题

12. Live Server 实时服务器

13. open in browser 在浏览器中打开

14. Path lntellisense 路径智能感知

15. polacode-2020 代码截图

16. prettier 代码格式化

17. vetur vue插件

18. IntelliSense for CSS class names in HTML 基于你的项目以及通过link标签引用的外部文件，该智能插件提供HTML中CSS class名字的补全

19. npm Intellisense 导入 npm 包的时候，智能提示。

20. TODO Tree 一个能够跳转,或者标记行的插件

21. minapp 微信小程序标签、属性的智能补全

22. vscode webapp api 微信小程序api

npm配置淘宝镜像

1. 切换npm默认使用镜像仓库：
   npm config set registry https://registry.npm.taobao.org
2. 检擦是否切换成功：
   npm config get registry

vscode 使用 JetBrains Mono

1. 下载 官网地址：https://www.jetbrains.com/lp/mono/#support-languages
2. 安装 JetBrainsMono-Light（我比较喜欢这个）
3. vscode中设置将 JetBrains Mono 放在最前面
4. 没生效就重启编辑器

取消文件夹折叠问题

1. 设置搜索 compact
2. 控制资源管理器是否以紧凑形式呈现文件夹 勾勾去掉

将 => 和 === 之类的转换

“editor.fontLigatures”: true

保存时按照eslint自动格式化

	"editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    	},
    "editor.formatOnSave": false,