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"
    },    

  • Live Server       本地服务器打开（这个服务器具有文件修改 自动刷新功能的。）
  • console-helper  【快速输出 有彩色的输出】
    Ctrl+l，会在控制台打印彩色的输出；
    Ctrl+Shift+d   删除页面所有log
  • Code Spell Checker：单词检验
  • Prettier - Code formatter 【格式化代码的一种方式，vscode可以选择用哪种格式化风格】
  • Image preview 【图片显示，尤其是base64图片，放上去就可以显示】
• 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  【路径自动补全】

• 可能用到
1. ESLint       配置： http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html
2. any-rule   【常用正则表达式】
3. Document This 【文档注释】
4. Todo Tree            http://www.cnblogs.com/qiezuimh/p/9549545.html 显示代码中  TODO，FIXME 的注释。（个人觉得可以只用TODO来标记，因为两个都是需要去改动代码的，所以都是未完成状态）
5. View In Browser    【文件协议打开】
6. filesize 【查看文件大小】
7. favorites：收藏夹
8. Better Comments：代码注释具有高亮颜色

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文件夹内）两种。