zoukankan      html  css  js  c++  java
  • 实用的Visual Studio Code插件

    1.vscode-color-highlight------颜色代码高亮插件。(sublime text也有)

    2.vscode-Open in Browser------右键在浏览器打开。(sublime text也有)

    3.vscode-Path Intellisense------文件路径提示。(sublime text也有)

    4.vscode-JS-CSS-HTML Formatting------js-css-html格式化。(sublime text也有)

    5.vscode-Visual Studio Code Format------vscode代码格式增强工具。(右键格式化)

    6.vscode-Sass------sass/scss文件语法提示。(sublime text也有)

    7.vscode-Easy Sass------scss编译成css,min.css。(不错的一个sass编译工具)

    8.vscode-csscomb------css属性排序。(sublime text也有)

    9.vscode-HTML Class Suggestions------工作空间class代码提示。

    PS:(1)npm install csscomb -g  

                   npm install csscomb --save-dev

                   这两步是必须的。

           (2)配置vscode

                   打开“文件”-“首选项”-“设置”。找到“csscomb configuration”选项。添加“csscomb.preset”选项。

                   

                   模式有三种,csscomb, yandex, zen。任选其一。

          (3) 选中css/less/scss文件,运行按F1,输入"csscomb",回车即可。

                   

                   特别注意一点,“csscomb.preset”选项还可以这样配置的。

                   

    10.vscode-fake------生成各种假数据类型。(姓名,电话)

    11.vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

    12.vscode-eCSStractor-----抽取页面的class,生成一个css文档。

    13.vscode-Regex Previewer------正则匹配预览。

    14.vscode-Quokka------js实时编译。(相当于边写边输出控制台信息)。

    15.vscode-SVG Viewer------svg预览。

    16.vscode-Change Case-----变量名命名风格切换。(解决了命名风格不统一的工具)

    17.vscode-Document This-----jsdoc注释生成。

    18.vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

     PS:vscode底部可以点击运行,十分方便。

              

    vue框架

    18.vscode-Vue 2 Snippets------vue2的语法高亮,语法提示。

    19.vscode-Vetur------vue单文件能够像html,js,css一样编写,注释。

    20.vscode-wpy-beautify------vue2单文件格式化。

    PS:vscode确实是一个不错的编辑器。

          与sublime text3对比,有以下优点。

          1.文件搜索功能。

           

           有一个很好的文件浏览器去筛选文件,查找,修改,替换。

           2.文件拖拽移动。

           

          3.默认集成终端。无需装插件去打开终端。

  • 相关阅读:
    最近吸收的html && CSS 知识
    Visual C++ 20111021
    递归变位数(练习)
    effective C++ 第五章
    二叉树的非递归遍历
    插入排序补充
    数的乘方,简单背包,组合
    在这个病毒猖獗的年代……
    元宵夜游城隍庙
    Cherish your work
  • 原文地址:https://www.cnblogs.com/hjpqwer/p/7636643.html
Copyright © 2011-2022 走看看