Khizar-malik97/soc-analyst-portfolio
GitHub: Khizar-malik97/soc-analyst-portfolio
一个使用 React 和 TypeScript 构建的 SOC 分析师个人作品集网站,用于展示检测工程与蓝队项目成果。
Stars: 0 | Forks: 0
# React + TypeScript + Vite
此模板提供了一个最小化的配置,让 React 能够在 Vite 中运行,并支持 HMR 以及一些 ESLint 规则。
目前有两个官方插件可用:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) 使用 [Oxc](https://oxc.rs)
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) 使用 [SWC](https://swc.rs/)
## React Compiler
由于对开发和构建性能的影响,此模板未启用 React Compiler。要添加它,请参阅[此文档](https://react.dev/learn/react-compiler/installation)。
## 扩展 ESLint 配置
如果你正在开发生产环境的应用程序,我们建议更新配置以启用类型感知的 lint 规则:
```
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
// Other configs...
// Remove tseslint.configs.recommended and replace with this
tseslint.configs.recommendedTypeChecked,
// Alternatively, use this for stricter rules
tseslint.configs.strictTypeChecked,
// Optionally, add this for stylistic rules
tseslint.configs.stylisticTypeChecked,
// Other configs...
],
languageOptions: {
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
// other options...
},
},
])
```
你还可以安装 [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) 和 [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) 以获取 React 特定的 lint 规则:
```
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'
export default defineConfig([
globalIgnores(['dist']),
{
files: ['**/*.{ts,tsx}'],
extends: [
// Other configs...
// Enable lint rules for React
reactX.configs['recommended-typescript'],
// Enable lint rules for React DOM
reactDom.configs.recommended,
],
languageOptions: {
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
// other options...
},
},
])
```
标签:React, Syscalls, TypeScript, Vite, 个人作品集, 安全插件, 安全运营, 扫描框架, 管理员页面发现, 自动化攻击