欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vscode前端开发插件

程序员文章站 2022-03-30 09:48:17
Chinese:帮助我们完成汉化Material Theme: 提供多套色彩风格的主题以及图标样式Prettier:帮助我们格式化代码Bracket Pair Colorizer 2:让配对的括号变成不同颜色方便我们区分Auto Rename Tag: 跟HTML标签重命名有关Liver Server:在本地开启服务Live Sass Compiler:监听编译scss文件,输出css文件Path Intellisense:自动解析路径并给与提示JavaScript (ES6) snipp....
  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