前后端分離中,前端開發環境的搭建(React+node.js)
概念解釋:
React: 一個用於構建用戶界面的JavaScript 庫。React主要用於構建UI,很多人認為 React 是 MVC 中的 V(視圖)。
node.js. 一種javascript的運行環境,能夠使得javascript脫離瀏覽器運行!
npm:隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:
- 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
create-react-app:是用於搭建react項目的腳手架。它的優勢在於省略了很多涉及配置的地方,讓新手能夠更加容易上手,減低入門的門檻。
1.安裝VScode https://code.visualstudio.com/
2.安裝node.js http://nodejs.cn/download/ 選擇對應的版本后安裝即可,
完成后驗證是否安裝成功。
終端輸入:node -v
終端輸入:npm -v 【npm下載的文件一般來自國外鏡像,此時可以下載淘寶的鏡像文件 cnpm】
3.通過npm安裝create-react-app
sudo npm install -g create-react-app
4.通過腳手架創建一個React項目
進入工程的存儲目錄:
終端執行【時間較長,請等待!】:npx create-react-app reactdemo
5.進入創建好的項目中,終端運行:
npm run start
成功即可!
6.VScode中open react_learning 就可以開啟前端項目