利用cmd建立React的步驟及其的一個簡單的helloWrold 的實現

 

第一步;在cmd輸入命令:npm install create-react-app -gcss

第二步:建立一個React項目:輸入命令:create-react-app (react02是項目的一個名稱)html

第三步;啓動運行項目:輸入命令:npm startreact

 

index.html代碼的實現:npm

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="UTF-8" />
 5     <title>Hello React!</title>
 6     <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
 7     <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
 8     <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
 9   </head>
10   <body>
11     <div id="example"></div>
12     <script type="text/babel">
13       ReactDOM.render(
14         <h1>Hello world!</h1>,
15         document.getElementById('example')
16       );
17     </script>
18   </body>
19 </html>

會在瀏覽器輸出:瀏覽器

 

向更深刻了解學習的友情連接 http://www.runoob.com/react/react-tutorial.htmlbabel

相關文章
相關標籤/搜索