Mac下 React+node.js+VScode 前端環境的搭建


前后端分離中,前端開發環境的搭建(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 就可以開啟前端項目

 

 

 

 

 

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM