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 【路径自动补全】
- 可能用到
- ESLint 配置: http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html
- any-rule 【常用正则表达式】
- Document This 【文档注释】
- Todo Tree http://www.cnblogs.com/qiezuimh/p/9549545.html 显示代码中
TODO
,FIXME 的
注释。(个人觉得可以只用TODO来标记,因为两个都是需要去改动代码的,所以都是未完成状态) - View In Browser 【文件协议打开】
- filesize 【查看文件大小】
方案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文件夹内)两种。