前端开发工具-VsCode插件【个人开发常用】

时间:2021-05-22 18:35:08

 前端开发工具-VsCode插件【个人开发常用】

    1. Atom One Dark Theme-主题
    2. Chinese (Simplified) Language Pack for Visual Studio Code
    3. vscode-icons-文件图标
    4. Path Intellisense-路径识别
    5. Beautify-代码美化
    6. HTML Snippets-超级实用且初级的 H5代码片段以及提示
    7. HTML CSS Support-让 html 标签上写class 智能提示当前项目所支持的样式
    8. jQuery Code Snippets-jquery 重度患者
    9. filesize-在底部状态栏显示当前文件大小
    10. Color Info-CSS 中使用颜色的相关信息
    11. Atuo Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改
    12. Auto Close Tag
    13. Autoprefixer -CSS添加样式前缀
    14. background: -webkit-linear-gradient(0deg,#d6dfe9 0%,#ffffff 100%);
      background: -moz-linear-gradient(0deg,#d6dfe9 0%,#ffffff 100%);
      background: -o-linear-gradient(0deg,#d6dfe9 0%,#ffffff 100%);
      background: -ms-linear-gradient(0deg,#d6dfe9 0%,#ffffff 100%);
      background: linear-gradient(90deg,#d6dfe9 0%,#ffffff 100%); 这种情况需要自己手动设置
      1.点击vscode的文件,进入首选项下面的设置里
      2.搜索autoprefixer 进入settings.json中
      3.输入:
      "autoprefixer.browsers": [
      // "last 9 versions",
      "ie >= 6", //ie6以上
      "firefox >= 8",
      "chrome >= 24",
      "Opera>=10"
      ]
    15. open in browser-在浏览器中打开
    16. minapp-微信小程序
    17. markdownlint-书写MD文件的预览插件
    18. Markdown Preview Enhanced
    19. Markdown PDF
    20. Markdown TOC
    21. GBKtoUTF8