前端vscode必装插件

工欲善其事必先利其器,开发前端的过程中,一个好的编辑工具可以事倍功半。我认为比较好的有:

  • vscode:免费开源,在开发vue和react 挺好的,如果vue 和 react 结合ts ,那么这个编辑器讲会是一个神器,爽的不得了。而且比较轻量级的。
  • webstorm: 收费可破解,vue 和 react 不结合 ts 也挺好用的,本人在不使用ts 的时候就用这个,但是有一个致命的缺点,特别重。

vscode

  • Auto Rename Tag 自动补全html 标签的代码
  • Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文(简体)语言包
  • Code Runner 安装好后,在代码重右键直接终端运行代码
  • Code Spell Checker检查代码重单词拼写,好多同事在单词拼写中都会出现拼写错误,但是vscode 需要安装插件才会检查,webstorm 自带检查单词拼写问题
  • ES7 React/Redux/GraphQL/React-Native snippets 对于es,react等代码中可以简写实现代码的通用模块
  • ESLint: 对于代码检查时非常好用的,检查代码是否符合规范,用于团队协作,统一规范
  • Live Server 在写html 和 css 中需要启动服务器可以使用这个插件,用于开启一个服务器来查看代码效果
  • Markdown Preview Enhanced如果会写markdown 文件的,在vscode 可以使用这个插件,可以增强预览和在浏览器中打开等
  • file-icons vscode 是不会自带图标的,安装这个插件可以使得文件图标不一样,可以轻松分辨各级各类文件和文件夹
  • minapp 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
  • Mithril Emmet 输入关键字 使用 tab 来生成html 代码,遵循emmet 语法
  • vue 和 Vetur 这两个是用于开发vue 代码必备的vscode 插件

webstorm

自带继承了好多插件,不列举哦

在这里祝愿大家新年快乐,2020实不易, 2021 转乾坤

你可能感兴趣的:(工具库)