vscode插件

1、vscode 常用插件:https://juejin.cn/post/7077393092264869924  或  https://blog.csdn.net/Che_rish/article/details/78893019

  • 必备
    •  编辑器 中文 插件
    •  Path Intellisense   【智能提示文件路径,支持各种快速引入文件】
      说明:这个插件针对 别名的 智能提示,需要配置下映射。(vue文件的js、css、html都可以智能提示)
      "path-intellisense.mappings": {"@": "${workspaceFolder}/sec"
      },    
    • 别名路径跳转(alias-skip)  
      说明:感觉这个插件没用效
    • Live Server       本地服务器打开(这个服务器具有文件修改 自动刷新功能的。)
    • console-helper  【快速输出 有彩色的输出】
      Ctrl+l,会在控制台打印彩色的输出;
      Ctrl+Shift+d   删除页面所有log
    • Code Spell Checker:单词检验
    • Vue Peek 【组件文件 跳转】
    • Vue VSCode Snippets  【vue 基础判断 快速生成】
    • Prettier - Code formatter 【格式化代码的一种方式,vscode可以选择用哪种格式化风格】
  • vscode 已内置 插件:  https://www.php.cn/faq/505910.html  或  https://mp.weixin.qq.com/s/VhEQ6tfEkxY3-Z6A4ttC1A
    • Auto Close Tag  【自动补全结束标签,需要先输入<tag>】
      默认 开启。
    • Auto Rename Tag 【自动完成另一侧标签的同步修改】
      默认是 关闭的,需要开启。
    • Bracket Pair Colorizer  【 给括号加上不同的颜色,便于区分不同的区块】
      默认 开启。
    • Guides   【显示代码层级的】
      默认是关闭的
    • Auto Import 【自动导包】
      输入模块名,自动导入包
    • Path IntelliSense  或  Path Autocomplete  【路径自动补全】

2、在内网安装vscode及其插件:

   方案1:【推荐这种方法】到插件市场上下载离线扩展包( .vsix 后缀名)。https://blog.csdn.net/sunt2018/article/details/107247095/  或  https://blog.csdn.net/u011238632/article/details/106586647

     离线包下载地址:https://marketplace.visualstudio.com/VSCode

      vscode安装 .vsix 后缀名的扩展方法有两种

        a、vscode编辑器菜单直接加载这个 .vsix插件就可以了。

        b、通过cmd命令,加载 .vsix 文件。

   方案2:到其他电脑上有安装vscode及其插件的电脑上拷贝插件。https://blog.csdn.net/qq_38652744/article/details/97389610

      vscode插件包所在的目录: C:\Users\ 你的用户名\.vscode\extensions               参考: https://segmentfault.com/q/1010000006969328/a-1020000006969359

      注意:这种方法,可能会出现没有效果的可能。【也许是编辑器和插件的版本不匹配吧】

 

注意:vscode 中编辑器设置中有  用户(就是全局设置) 和 工作区(只是对当前项目进行的设置,设置文件在.vscode文件夹内)两种。

 

 
posted @ 2018-06-06 09:00  吴飞ff  阅读(193)  评论(0编辑  收藏  举报