分享一个自己开发的vscode插件.
项目地址: github.com/lirkang/lik…
在vscode中, 如果没有定义tsconfig.json或者jsconfig.json, 那么当遇到下面这种情况将无法快速跳转.
或者
我们明明知道在webpack中定义了别名映射, 但是vscode可没有办法识别, 或者png, less, scss等文件即使配置了tsconfig.json也依然无法跳转, 那这个时候就可以用上这个插件.
likan
html/vue/jsx wrap: 选中节点创建一个父标签npm select: 检索工作区package.json命令js/vue/package.json.deps jump to:js/css/png等别名和项目依赖跳转js: 创建文件时自动生成文档注释html: 在浏览器打开当前文件env: 键入process.env.时自动查找提示工作区目录下的所有.env文件- 状态栏显示内存占用, 当前文件大小等...
开箱即用, 默认别名@ - 根路径/src, ~ - 根路径, 也可以自定义映射:
"likan.path.alias": {
"@": "${root}/src",
"~": "${root}",
"@component": "${root}/src/component"
}
${root}表示工作区根目录, 这是依靠package.json来判断的, 当匹配到存在的文件就会返回跳转, 匹配到多个可以按F12切换查看.
怎么样, 是不是非常方便, 当然这个插件个功能远不于此.
当我们输入process.env时, 插件会自动读取工作区目录下的多个.env文件并给出代码提示.
当们想在html的一大堆标签中选中几个创建父级, 这个插件可以帮助我们快速生成.
快捷键alt+shift+w.
还有很多功能我就不一一介绍了, 留给大家自行探索吧.
拜拜.
