美文网首页
vscode 开发vue 需要安装的插件以及方法

vscode 开发vue 需要安装的插件以及方法

作者: 十年码农的觉醒 | 来源:发表于2020-09-02 19:36 被阅读0次

    Vetur

    支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript

    eslint插件

    参考上一篇《vscode 开发vue使用Eslint配置》

    Auto Rename Tag

    这是一个修改标签对的插件,自动重命名配对的HTML / XML标签
    
    // 默认情况下,它将["*"]为所有语言激活。
    {
      "auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
    }
    

    HTML CSS Support

    在编写样式表的时候,自动补全功能大大缩减了编写时间

    Chinese (Simplified) Language Pack for Visual Studio Code

    中文简体语言包

    Auto Close Tag

    自动添加HTML / XML关闭标签

    HTML Snippets

    代码自动填充

    HTML Boilerplate

    提供生成标准HTML样板代码

    Image Preview

    鼠标移到路径里显示图像预览

    intelliSense for CSS class names in HTML

    项目中 css 文件里的名称智能提示在 html 中

    JavaScript (ES6) code snippets

    es6代码片段

    Live Server

    浏览器实时刷新

    Path Intellisense

    路径自动补全

    Vetur

    Vue 语法高亮显示, 语法错误检查, 代码自动补全

    open in browser

    浏览器中打开html

    Markdown Preview Enhanced

    实时预览markdown,markdown使用者必备

    ESLint

    sLint可以帮助我们检查Javascript编程时的语法错误。

    Color Info

    这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了

    Beautify

    格式化代码

    Git History

    查看git日志以及图表和详细信息

    Guides

    代码的标签对齐线

    jQuery Code Snippets

    jq代码段提示

    IntelliSense for CSS class names in HTML

    智能地给你已定义CSS类名的提示

    VSCode Great Icons

    小图标区分不同的文件类型

    Bracket Pair Colorizer

    给括号加上不同的颜色,便于区分不同的区块

    相关文章

      网友评论

          本文标题:vscode 开发vue 需要安装的插件以及方法

          本文链接:https://www.haomeiwen.com/subject/ttxujktx.html