能，WebStorm 可直接运行 Cypress 测试，依赖文件位置（cypress/e2e/ 或 integration/）、命名（.spec.js 等）和 describe-it 结构，无需插件；常见问题多因路径、配置或语法不合规导致。
WebStorm 能直接运行 Cypress 测试吗？
能，但得先确认 Node.js 和包管理器已就绪——Cypress 本身不依赖 WebStorm 插件就能跑，
或
命令在终端里照常工作。WebStorm 的作用是帮你省去手动敲命令、快速定位失败用例、点一下就重跑单个
块。
常见错误现象：
—— 这不是 WebStorm 的问题，而是项目没装 Cypress，或
没进 PATH。别急着装插件，先在终端执行
或
验证能否启动。
确保
里有
在
中（推荐用
安装）
WebStorm 默认会读取项目根目录下的
，不用额外配路径
如果用了 pnpm，需开启 WebStorm 的
支持，否则可能找不到二进制
怎么让 WebStorm 识别并运行
文件里的测试？
关键不是“配置 Cypress”，而是让 WebStorm 把
、
这些当测试函数处理——它靠的是文件位置和命名约定，不是手动开关。
必须满足两个条件：
测试文件放在
（旧版）或
（Cypress 10+）目录下，且后缀为
、
或
文件里有
+
结构（哪怕只有一层），WebStorm 才会在行号边显示绿色 ▶️ 运行图标
容易踩的坑：
后没加断言，或写了
就以为“跑过了”——WebStorm 只管触发，不替你判断逻辑对不对；失败时控制台报错是
，不是 JS 语法错误，得看右下角
工具窗口里的具体堆栈。
WebStorm 自带的 Web Inspector 怎么选元素生成
？
这个功能很实用，但默认不激活：得先打开右侧边栏的
工具窗口（不是浏览器开发者工具），再输 URL、点选元素、选定位策略——它生成的不是万能选择器，而是当前页面快照下的 CSS 路径。
使用场景：临时抓一个按钮或输入框，不想手写
或反复试
。
点击
里的
按钮加载页面，等渲染完成再点选，否则可能选空
优先选
或
属性（如果开发配合加了），其次用
，慎用纯
（Cypress 不推荐，维护性差）
生成的代码类似
，但不会自动加
，得自己补
为什么点了 ▶️ 却弹出 “No tests found”？
不是 WebStorm 坏了，大概率是 Cypress 解析器没认出这是测试文件——最常见三个原因：
文件不在
或
下（比如建在
里）
用了 ES module 语法（
/
）但没配
的
或
文件里只有
没套
，Cypress 12+ 之后要求必须嵌套（Mocha 规则收紧）
验证方法：删掉所有内容，只留
，保存——如果这时 ▶️ 出现且能跑通，说明结构没问题，问题出在你原来的代码里。
复杂点在于：Cypress 的配置文件（
）一旦改过
或
，WebStorm 不会自动重载配置，得关掉再开 Test Runner，或者重启 WebStorm。
cypress opencypress runit()Command 'cypress' not foundnode_modules/.binyarn cypress opennpx cypress openpackage.json"cypress"devDependenciesyarn add cypress --devnode_modules/.bin/cypressSettings > Languages & Frameworks > JavaScript > pnpmspec.jscy.get()it()cypress/integration/cypress/e2e/.spec.js.cy.js.test.jsdescribe()it()cy.visit()console.log()CypressErrorRuncy.get()Web Inspectordata-cy[class*="submit"]Web Inspector▶IDdata-cyTag with classesXPathcy.get('button[type="submit"]').should('be.visible')cypress/e2e/cypress/integration/src/importexportcypress.config.jssetupNodeEventssupportFileit()describe()describe('a', () => { it('b', () => {}) })cypress.config.jse2e.specPatternsupportFile