序言：本篇介紹React下載安裝以及環境搭建
目錄
- 一、Nodejs安裝
- 二、create-react-app安裝
- 三、創建/啟動React程式
- 四、編碼工具VScode
一、Nodejs安裝
Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運行環境（運行js需要node.js），因為React是JavaScript庫，所以需要安裝Node.js
1、下載node.js
可以去官網地址下載
2、安裝node.js
下載的.msi安裝包，直接點擊進行一步步安裝
3、安裝驗證
安裝nodejs后，cmd打開命令提示符，通過命令來查看安裝資訊
node -v 查看nodejs版本
npm -v 查看npm版本
注意：nodejs中含有npm，而npm是nodejs的包管理器（package manager），
我們在Node.js上開發時，會用到很多別人已經寫好的javascript代碼（如Echarts.js等），如果每當我們需要別人的代碼時，都根據名字搜索一下，下載原始碼，解壓，再使用，會非常麻煩，于是就出現了包管理器npm，大家把自己寫好的原始碼上傳到npm官網上，如果要用某個或某些個，直接通過npm安裝就可以了，
二、create-react-app安裝
create-react-app 是一個全域的命令列工具，它會配置你的開發環境，以便使你能夠使用最新的 JavaScript 特性，提供良好的開發體驗，并為生產環境優化你的應用程式，你需要在你的機器上安裝 Node >= 8.10 和 npm >= 5.6
//使用npm安裝create-react-app
npm install -g create-react-app
三、創建/啟動React程式
1、創建React應用程式
使用腳手架create-react-app快速創建一個命名為my-app的應用程式
//創建my-app專案
create-react-app my-app
//進入該專案
cd my-app
生成專案目錄如下：
2、npm start啟動程式
進入程式目錄，npm start就能啟動該程式
npm start
瀏覽器輸入http://localhost:3000/查看-效果如下：
四、編碼工具VScode
網上很多編碼工具，推薦使用Visual Studio Code，具備免費，開源，輕量，跨平臺的特點，且十分好用，可以去官網地址下載
左側紅框內-支持全目錄顯示、支持搜索、支持查看代碼變更并對比、也有終端啟動程式和提交代碼，十分容易上手使用，
本文介紹react的安裝、環境搭建和工具推薦等–請大家多多指教，能get到知識點不要忘了關注點個贊~，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/4832.html
標籤：其他