WebStorm使用技巧

平常写代码的时候，想看看当前编辑的代码文件在哪个地方一般都是一级级的点文件夹，但如果是面对公司项目，巨多的文件混在一起，你再一级级点开那真的是要裂开。刚看到一个视频里的快速定位文件所在位置的操作真不错

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f5ba02d617284af7bde18c8d32f1415c~tplv

最近在用webstorm写Vue3项目的时候，发现其导入组件时老是有个毛病，就是不给加上后缀名，这是他默认设置的在引入时会忽略文件扩展名, 但是吧在vite中引入.vue文件时忽略.vue扩展名时会导

拿Vue文件举例，我们在新建一个Vue文件时，希望它能够帮我们把必要的模板代码都自动写好，这时该怎么做？ 首先，点击左上角编辑器的File->Settings 进入到设置settings之后，根据下图

假设我有这样的一个结构，我想给图中的四个字每个都加上一个li 标签包裹起来怎么搞？ 第一步： 鼠标拖动选中这四个文字，然后按两下shift 第二步： 在弹出框进行下面的操作： 第三步： 注意这里的*号