terresolide/formaterre-keywords-vjs

# formaterre-keywords-vjs 此模板应能帮助您快速开始使用 Vue 3 配合 Vite 进行开发。 ## 推荐的IDE设置 [VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (并禁用 Vetur)。 ## 推荐的浏览器设置 - 基于 Chromium 的浏览器（Chrome、Edge、Brave 等）： - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) - [在 Chrome DevTools 中开启自定义对象格式化程序](http://bit.ly/object-formatters) - Firefox： - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) - [在 Firefox DevTools 中开启自定义对象格式化程序](https://fxdx.dev/firefox-devtools-custom-object-formatters/) ## 自定义配置 参见 [Vite 配置参考](https://vite.dev/config/)。 ## 项目设置 ``` npm install ``` ### 编译和热重载以用于开发 ``` npm run dev ``` ### 编译并压缩以用于生产环境 ``` npm run build ``` ### 使用 [Vitest](https://vitest.dev/) 运行单元测试 ``` npm run test:unit ``` ### 使用 [Playwright](https://playwright.dev) 运行端到端测试 ``` # 首次运行时安装浏览器 npx playwright install # 在 CI 上测试时，必须先构建项目 npm run build # 运行端到端测试 npm run test:e2e # 仅在 Chromium 上运行测试 npm run test:e2e -- --project=chromium # 运行特定文件的测试 npm run test:e2e -- tests/example.spec.ts # 在调试模式下运行测试 npm run test:e2e -- --debug ``` ### 使用 [ESLint](https://eslint.org/) 进行代码检查 ``` npm run lint ```

标签：ESLint代码检查, Playwright端到端测试, Vitest单元测试, Vite构建工具, Vue.js组件, 代码规范, 免费资源管理, 关键词选择, 开发环境配置, 搜索功能, 数据输入, 测试框架, 热重载开发, 特征检测, 用户界面组件, 组件库, 词库集成, 项目脚手架