当前位置: 代码迷 >> 综合 >> vscode 前端最佳配置
  详细解决方案

vscode 前端最佳配置

热度:77   发布时间:2023-11-21 18:39:58.0

vscode插件安装

 

Atom One Dark Theme 主题.  ???

Material Theme  主题

VSCode Great Icons 图标主题

Material Icon Theme 图标主题  ???

Beautify 美化vscode代码     ???

Code Spell Checker  代码拼写检查    ???

Code Runner 万能语言运行环境   ???

Auto Import  自动优化包导入   ???

npm Intellisense  包管理提示

Bracket Pair Colorizer 每一对括号用不同颜色区别 (括号强迫症必备) ???

Color Highlight  给文档设置颜色

TODO Highlight 备忘插件   ???

cssrem 将css中的px自动转换为rem.再也不用计算器了(大漠大神推介) ???

Code Runner node,python 等代码不必开命令行即可运行

Eslint 语法检测

Prettier 格式化,使用标准风格,快捷键 alt+shift +F

Git History git提交历史

GitLens 在代码中显示每一行代码的提交历史

HTML CSS Support vscode对html,css文件支持,便于你快速书写属性

Path Intellisense 路径识别苦战,比如书写图片路径时。遗憾就是,对webpack项目中的路径别名无法扩展

Reactjs code snippets  react代码片段

React Native Tools 添加对 React Native项目的支持,快速书写es6以及jsx

Settings Sync 用于同步vscode配置,多台电脑一份配置(相对而言配置复杂,可不安装)

markdownlint 书写md文件的预览插件   

View In Browser 迅速通过浏览器打开html文件

 

Oni JavaScript Snippet  umi 开发代码片段

Debugger for Chrome

DotENV

Guides

EditorConfig for VS Code

Image preview

Markdown All in One

Markdown Preview Github Styling

HTML CSS Support

Sort lines

Version Lens