DvaJS 怎么用的 一步一步 从搭建项目开始

DvaJS 是一个基于 React 和 Redux 的轻量级框架，下面是从搭建项目开始的一些步骤：

1. 确保你已经安装了 Node.js 和 npm，如果没有安装可以到官网下载安装。安装完成后，在命令行中输入以下命令检查是否安装成功：

   node -v
   npm -v

2. 使用 create-react-app 创建一个新的 React 项目。在命令行中输入以下命令：

   npx create-react-app my-dva-app

这将会创建一个名为 `my-dva-app` 的新项目。

3. 在项目目录中安装 dva 和 react-router-dom。在命令行中输入以下命令：

   cd my-dva-app
   npm install dva react-router-dom --save

4. 在 src 目录下创建一个名为 `index.js` 的文件，并添加以下代码：

   import dva from 'dva';
   import './index.css';

   // 1. Initialize
   const app = dva();

   // 2. Plugins
   // app.use({});

   // 3. Model
   // app.model(require('./models/example').default);

   // 4. Router
   app.router(require('./router').default);

   // 5. Start
   app.start('#root');

5. 在 src 目录下创建一个名为 `router.js` 的文件，并添加以下代码：

   import React from 'react';
   import { Router, Route } from 'dva/router';
   import ExamplePage from './components/ExamplePage';

   function RouterConfig({ history }) {
     return (
       <Router history={history}>
         <Route path="/" component={ExamplePage} />
       </Router>
     );
   }

   export default RouterConfig;

6. 在 src 目录下创建一个名为 `components/ExamplePage.js` 的文件，并添加以下代码：

   import React from 'react';

   class ExamplePage extends React.Component {
     render() {
       return (
         <div>
           <h1>Hello, DvaJS!</h1>
         </div>
       );
     }
   }

   export default ExamplePage;

7. 在命令行中输入以下命令启动项目：

   npm start

你现在应该可以在浏览器中看到一个显示 "Hello, DvaJS!" 的页面了。

以上就是从搭建项目开始的一些步骤。当然，这只是一个简单的例子，如果你需要更复杂的项目结构和功能，你需要更多的学习和实践。