1.必須安裝nodejs
2.安裝cnpm用cnpm替代npm
地址:http://npm.taobao.org/
2.安裝cnpm用cnpm替代npm
地址:http://npm.taobao.org/
安裝cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、用yarn替代npm
yarn的安裝:
第一種方法:參考官方文檔https://yarn.bootcss.com/
第二種方法:cnpm install -g yarn 或者 npm install -g yarn
4、搭建React開發(fā)環(huán)境的第一種方法(老-現(xiàn)在推薦):
https://reactjs.org/docs/create-a-new-react-app.html
1、必須要安裝nodejs 注意:安裝nodejs穩(wěn)定版本 教程中的nodejs版本:v8.11.2 教程中的npm版本:v5.6.0
2.安裝腳手架工具 (單文件組件項目生成工具) 只需要安裝一次
npm install -g create-react-app / cnpm install -g create-react-app
3.創(chuàng)建項目 (可能創(chuàng)建多次)
找到項目要創(chuàng)建的目錄:
create-react-app reactdemo
4.cd 到項目里面
cd reactdemo
npm start yarn start運行項目
npm run build yarn build 生成項目
5、搭建React的開發(fā)環(huán)境的第二種方法(新-未來推薦):
https://reactjs.org/docs/create-a-new-react-app.html
1、必須要安裝nodejs 注意:安裝nodejs穩(wěn)定版本 教程中的nodejs版本:v8.11.2 教程中的npm版本:v5.6.0
2.安裝腳手架工具并創(chuàng)建項目
找到項目要創(chuàng)建的目錄執(zhí)行:
npx create-react-app reactdemo
4.cd 到項目里面
cd reactdemo
npm start 運行項目(調(diào)試)
npm run build 生成項目(發(fā)布)
npx介紹:
npm v5.2.0引入的一條命令(npx),引入這個命令的目的是為了提升開發(fā)者使用包內(nèi)提供的命令行工具的體驗。
詳情:
npx create-react-app reactdemo這條命令會臨時安裝 create-react-app 包,命令完成后create-react-app 會刪掉,不會出現(xiàn)在 global 中。下次再執(zhí)行,還是會重新臨時安裝。
npx 會幫你執(zhí)行依賴包里的二進制文件。
再比如 npx http-server 可以一句話幫你開啟一個靜態(tài)服務(wù)器
| |||||||||
日 | 一 | 二 | 三 | 四 | 五 | 六 | |||
---|---|---|---|---|---|---|---|---|---|
29 | 30 | 31 | 1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 | |||
12 | 13 | 14 | 15 | 16 | 17 | 18 | |||
19 | 20 | 21 | 22 | 23 | 24 | 25 | |||
26 | 27 | 28 | 29 | 30 | 1 | 2 | |||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
常用鏈接
留言簿(2)
隨筆分類
- Android(49)
- Androidpn(2)
- hibernate(1)
- Https(1)
- JavaCard(3)
- jQuery(6)
- netty
- NFC(1)
- react框架(1)
- spring(2)
- SpringBoot(1)
- Tomcat+Eclipse(18)
- WebService(2)
- 一些心得(1)
隨筆檔案
- 2020年4月 (4)
- 2015年7月 (5)
- 2015年6月 (6)
- 2015年5月 (4)
- 2015年4月 (3)
- 2015年3月 (1)
- 2015年2月 (1)
- 2015年1月 (4)
- 2014年12月 (1)
- 2014年11月 (2)
- 2014年10月 (2)
- 2014年9月 (2)
- 2014年5月 (5)
- 2014年3月 (3)
- 2014年2月 (2)
- 2014年1月 (8)
- 2013年12月 (2)
- 2013年7月 (2)
- 2013年6月 (4)
- 2013年5月 (16)
- 2012年7月 (1)
- 2012年3月 (2)
- 2011年7月 (6)
文章分類
文章檔案
相冊
收藏夾
Java
搜索
最新隨筆
最新評論

- 1.?re: Android JSON的簡單例子
- 評論內(nèi)容較長,點擊標題查看
- --JSON.COM
- 2.?re: androidpn(本文服務(wù)器為tomcat)
- 評論內(nèi)容較長,點擊標題查看
- --Deepak Singh