react环境搭建(基于dva)

来源:互联网 发布:mac怎么下载ps破解版 编辑:程序博客网 时间:2024/05/19 11:37
  1. 安装node.js(自带npm)
    下载地址:https://nodejs.org/en/
  2. npm淘宝镜像安装(便于国内下载依赖包)
    打开PowerShell(可通过win按键+输入P快捷检索)
    输入下方命令并回车等待安装完成:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    ps:复制命令后在PowerShell右击即可粘贴,安装完成后均使用cnpm替代原npm命令

  3. dva的安装(所有命令均在PowerShell中执行)
    输入下方命令并回车等待dva自动安装:
    cnpm install dva-cli -g
    安装完成后输入dva -v回车后如有输出证明安装完成

  4. 基于dva生成模板代码

dva g [模板类型] [路径]
模板类型:
* component: 子组件
* model: 数据管理
* route: 父组件(页面跳转)

附:dva部分目录结构

-src    -components  子组件    -models 数据管理    -routes 父组件    eg1: 创建子组件:`dva g component Test`    eg2: 创建父组件:`dva g route Test`    eg3: 创建数据管理:`dva g model test`

注: 常用命令(PowerShell中)

创建新项目 dva new [项目名]
目录跳转 cd [目录]
启动项目(先进入项目文件夹) cnpm start
项目打包 cnpm run build
清屏 cls
退出 exit

0 0