如何創建react項目

創建第一個react項目

目錄

  一. 安裝node環境 

  二. 創建react新項目

 


 

       

 一.安裝node環境 (安裝node 的時候npm包管理也同時安裝)

  1.1. 下載node  

       下載地址:http://nodejs.cn/download/

       node.js的zip包安裝時是直接解壓縮後就可以了,

       node.js的msi包是傻瓜式一路next就可以了

       

   1.2 解壓後的目錄,或者mis安裝後的目錄如下:

        

   1.3.安裝完後,可以在命令行中輸入node -v 來查看安裝版本和是否安裝成功,安裝node時會自帶一個npm的包管理工具。檢測npm版本 輸入:npm -v;

     如若以上兩個命令輸入都返回版本號,則安裝成功!

    

  二. 創建react新項目

2.1.使用npm安裝react,今天主要介紹npm5.2+的安裝版本。

首先,在目標文件夾下cmd,使用npx安裝命令創建名爲my-app的項目:

接着,創建完成會在當前目錄下出現一個my-app的文件夾。

最後,進入my-app目錄,運行npm  start 或者 npm run start命令啓動項目。

  

當默認瀏覽器出現以下界面時,表示項目安裝成功!