前端编码常用插件

 vscode常用插件

ESLint js - 代码校验
Prettier - 代码格式统一
Vetur - 语法高亮、智能感知、Emmet
CSS Peek - 显示css样式
Turbo Console Log - 一键打印log C+A+L A+S+C/U/D
code Runner 快速运行js等文件
autoprefixer  chinese 
easy less 样式预处理
stylus 样式预处理
VSCode Icons
view in browser
open in browser
koroFileHeader 文件头部署名
vscode-fileheader 署名 - 废弃
filesize
Bracket Pair Colorizer
vscode-icon 树
REST Client  请求测试工具插件
Terminal In Place 当前目录cmd
Auto Close Tag —— 自动闭合HTML/XML标签
Auto Rename Tag —— 自动完成另一侧标签的同步修改
Debugger for Chrome  调试工具
Bootstrap 3 Snippets 表格生成
ES7 React/Redux/GraphQL/React-Native snippets 开始生成react代码块
Relative Path - 文件的相对路径

vscode-styled-components 0030 ` 模板`语法提示

code runner
jQuery Code Snippets
Live Server 服务器插件

Settings Sync 设置同步

浏览器插件 

ImageAssistant 扒图插件
Vue.js devtools
React Developer Tools
Redux DevTools (npm install --save-dev redux-devtools-extension 依赖)

AdBlock — 最佳广告拦截工具
AdGuard 广告拦截器
FeHelper(前端助手)
Tampermonkey

常用软件

Mark Man
Postman
Roto 3t
MindMaster
SourceTree 【git工具】
github desktop
Compare (notepad比较文件差异插件)

 

posted @ 2022-09-23 17:30  JackieDYH  阅读(4)  评论(0编辑  收藏  举报  来源