vscode前端工程师,使用插件(个人总结)

vscode前端工程师,使用插件

1. vscode-iconsvscode文件/文件夹图标插件,设置好看的icon

2. vscode wxmlvscode编辑微信小程序wxml文件的插件

3. Visual Studio IntelliCodevscode代码只能提示,例如一些对象有什么属性会提示出来等的插件

4. vetur这个就不用说了,vue.js框架专用插件

5. vueHelpervue的帮助插件,快速生成vue项目架构和代码提示的插件

6. Typescript React code snippetsvscode编辑ts版本的react项目代码的快捷键生成项目架构的插件

7. SFTPvscode连接远程服务器,还可以进行同步的插件

8. React-Native/React/Redux snippets for es6/es7正如插件名一样对这些框架的快速生成的插件

9. Prismavscode使用prisma的插件(graphql相关)

10. Prettier - Code formattervscode代码格式化插件(支持很多前端框架和语言的格式化)

11. Path Intellisense路径补齐插件

12. open in browservscode内部快速打开默认浏览器的插件

13. minappvscode编辑微信小程序时图标,属性智能补全插件

14. Live Server很好用的vscode开启一个服务并可以热更新的插件,适合直接开启一个服务器

15. language-stylusstylus这个css的预编译语言插件

16. jQuery Code Snippetsjquery代码智能补全加快捷方式的插件

17. Jestvscode前端测试框架jest插件

18. JavaScript (ES6) code snippetses6相关插件(代码提示,代码补全)

19. IntelliSense for CSS class names in HTMLhtml的class的类名提示插件

20. Import Cost库/框架导入提示包大小插件,只支持一部分库/框架,支持require,import/export

21. HTML Snippetshtml代码提示/补全插件

22. HTML CSS Supporthtml,css提示插件

23. GraphQL for VSCodegraphql文件提示插件

24. Flutterflutter框架代码提示补全插件

25. Dartdart语言高亮和语法提示插件

26. favorites收藏文件夹插件(当项目文件太多的时候,可以当做一种提示)

27. ESLinteslint代码检查插件,可以结合eslint相关库进行使用,可以检查js,json,ts等语言

28. ES7 React/Redux/GraphQL/React-Native snippetsES7 React/Redux/GraphQL/React-Native相关的提示/补全插件

29. Electron Highlighter Syntaxelectron相关语法高亮插件

30. Dracula Officialvscode吸血鬼主题背景

31. DotENVenv文件代码高亮插件

32. Debugger for Chromechrome浏览器debugger内核的插件

32. cssremcss的px和rem转化的插件

33. CSS Peekcss代码预览插件

34. Code Spell Checkervscode单词语法正确检查插件

35. Bookmarks书签插件,阅读源码等大量代码的时候必备

36. Better Comments代码注释高亮插件

37. Auto Close Taghtml标签自动闭合插件

38. 小程序开发助手小程序相关插件

你可能感兴趣的:(vscode前端工程师,使用插件(个人总结))