Vscode前端开发插件

2022-08-08,,

  1. Chinese:帮助我们完成汉化
  2. Material Theme: 提供多套色彩风格的主题以及图标样式
  3. Prettier:帮助我们格式化代码
  4. Bracket Pair Colorizer 2:让配对的括号变成不同颜色方便我们区分
  5. Auto Rename Tag: 跟HTML标签重命名有关
  6. Liver Server:在本地开启服务
  7. Live Sass Compiler:监听编译scss文件,输出css文件
  8. Path Intellisense:自动解析路径并给与提示
  9. JavaScript (ES6) snippets:只需输入关键部分就能 打出整个代码块 imp= important module from ‘./module’
  10. vetur
  • vetur能够实现在.vue文件中:
    • 语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
    • 语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持
    • 代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳
  1. eslint
    • eslint插件能够检测代码语法问题,与格式问题,对项目代码风格统一至关重要。
  2. EditorConfig for Visual Studio Code
    • EditorConfig 是一种被各种编辑器广泛支持的配置,使用此配置有助于项目在整个团队中保持一致的代码风格。
  3. View In Browser
    • 在浏览器中查看静态文件
  4. GitLens----- Git Supercharged(必备)
    • 查看git文件提交历史。
  5. Document This
    • 注释文档生成
  6. Debugger for Chrome
    • 直接在vscode里面进行调试js文件,跟谷歌的控制台是一样的功能,下载了它就不用打开浏览器的控制台就能进行打断点。
    • 需要配置vscode的lauch.json的谷歌调试相关配置
  7. HTML CSS Support
    • 在编写样式表的时候,自动补全功能大大缩减了编写时间,推荐!
  8. JavaScript Snippet Pack
    • 针对js的插件,包含了js的常用语法关键字,很实用
  9. HTML Snippets
    • 这款插件包含html标签,非常全,很实用。
  10. vscode-icons(很好用)
    • 能够选择自己喜欢的图标主题,比较推荐vscode icons

本文地址:https://blog.csdn.net/weixin_47085255/article/details/107243322

《Vscode前端开发插件.doc》

下载本文的Word格式文档,以方便收藏与打印。