N
O
D
E
M
E
D
I
A
Thinking
首页
产品
文档
博客
订单
文档
创建项目
24 次浏览
2026年 6月 2日 下午4:25
## 利用脚手架创建Electron基础框架 ```bash npm create @quick-start/electron > npx > "create-electron" ✔ Project name: … electron-cam ✔ Select a framework: › react ✔ Add TypeScript? … No / Yes ✔ Add Electron updater plugin? … No / Yes ✔ Enable Electron download mirror proxy? … No / Yes Scaffolding project in /Users/aliang/Workspace/NodeMedia/electron-cam... Done. Now run: cd electron-cam npm install npm run dev ``` ## 安装Ant Design ```bash npm install antd ``` ## 修改 src/App.js，引入 antd 的按钮组件。 ```js import React from 'react'; import { Button } from 'antd'; const App = () => ( <div className="App"> <Button type="primary">Button</Button> </div> ); export default App; ``` ## 运行项目 ```bash npm start ``` 好了，现在你应该能看到页面上已经有了 antd 的蓝色按钮组件，接下来就可以继续选用其他组件开发应用了。 我们现在已经把 antd 组件成功运行起来了，开始开发你的应用吧！
嘿，我是小R，需要帮助随时找我哦
QQ客服:281269007
邮件支持
扫码加微信
回到顶部
