简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

如何基于WebStorm, React和Ant.Design开发WebAppDemo

一个新手
Lepaskan： 2017-09-27 10:16:07
asal
4467 orang telah melayarinya

从零开始搭建一个react项目

前提条件：

已安装过webstorm和nodejs。

安装create-react-app和yarn

npm install -g create-react-app yarn

打开WebStorm创建工程


安装antd

yarn add antd --save
Salin selepas log masuk

修改app.js代码

React, { Component } ;logo ;;{ Button } ;App Component {  () {    (      
        
          {logo}
          Welcome to React
        
          Button
        
          To get started, edit src/App.js and save to reload.        
      
    );
  }
}App;
Salin selepas log masuk

Atas ialah kandungan terperinci 如何基于WebStorm, React和Ant.Design开发WebAppDemo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
react webstorm
sumber：php.cn
Artikel sebelumnya：关于MacOS开发-NSParagraphStyle Artikel seterusnya：如何新建一个vue项目
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
ReactJS - Fungsi pengembalian cangkuk tersuai tidak menyimpan data sebenar keadaan dalaman Saya mempunyai cangkuk tersuai useNotifications untuk widget pemberitahuan. Cangkuk ini me...
daripada 2023-09-12 08:49:22
0
1
179
ant.design v5.2.0 - date.locale bukan fungsi yang ditulis semula sebagai: "ant.design v5.2.0 - date.locale bukan fungsi boleh panggil" Saya mempunyai masalah berikut: Saya menggunakan versi 5.2.0 ant.design. Apabila saya meng...
daripada 2023-08-25 09:05:00
0
1
194
javascript - Bagaimana untuk menyimpan data baris yang boleh diedit ke pelayan dalam jadual antd? Saya membuat jadual menggunakan jadual antd, dan setiap baris boleh diedit Oleh kerana say...
daripada 2017-07-05 10:39:14
0
1
1108
javascript - and dva框架创建新项目报错 在https://ant.design/docs/react...这个网址的教程上创建and dva框架的新项目报错。之前一样的步骤创建过好几次都没事，但是重装了系统什么的突然就不...
daripada 2017-04-11 11:58:47
0
1
181
javascript - 滚动到当前屏时，当前屏的数据才显现，这种效果是怎么实现的？ 类似这种的效果：https://ant.design/index-cn 当滚动到第二屏时，第二屏的数据才从左右两边出现，滚动到第三屏时，第二屏的数据渐渐消失，第三屏的数据出现。 请...
daripada 2017-04-11 11:49:47
0
1
302
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！