插件名:别名路径跳转
使用说明: 别名路径跳转插件,支持任何项目,
使用场景: 当你在开发页面时, 想点击别名路径导入的组件时(演示如下)
下载后只需自定义配置一些自己常用的别名路径即可
// 文件名别名跳转
"alias-skip.mappings": {
"~@/": "/src",
"views": "/src/views",
"assets": "/src/assets",
"network": "/src/network",
"common": "/src/common"
},
settinas.json中编辑path-aliasindent-rainbowBracket Pair Colorizer 2Auto Rename TagCode Spell CheckerCode RunnerDebugger for Chrome插件名:Live ServerPP
功能:在服务器端打开你的文件,实时显示你修改的代码
Svg PreviewTabnineTemplate String Convertervscode-pigmentsParameter HintsQuokka.jsctrl+shift+p输入Quokka new JavaScr..即可使用Highlight Matching TagBookmarks
ESLint
Prettier - Code formatter
Project Manager
Path Intellisense
Image preview
GitLens
git功能,支持在VSCode查看作者、修改时间等等open in browser
插件名:vue-component
功能:输入组件名称自动导入找到的组件,自动导入路径和组件
VeturVue 3 SnippetsVue的代码段,很方便开发插件名:React Style Helper
功能:在React中更快速地编写内联样式,并对 CSS、LESS、SASS 等样式文件提供强大的辅助开发功能
ES7 React/Redux/React-Native/JS snippetsReact的代码段,很方便开发vscode-styled-componentsJS文件中写样式时,有智能提示vscode-styled-componentsOne Dark Provscode-iconsVSCode文件夹&文件图标vscode-iconscss属性时Draw.io IntegrationVSCode中画图,支持多人协作编辑图表..echarts-vscode-extensionctrl+shift+p输入active Echars即可开启智能提示Echar中Option 的属性,挺强大的插件名:A-super-translate
使用方法:选中行,Ctrl+Shift+p 输入 翻译
功能:翻译识别代码中注释部分,不干扰阅读。支持不同语言,单行、多行注释、
文章来源:https://segmentfault.com/a/1190000040766151
作者:风不识途
往期推荐