一、什么是腳手架

　　1.腳手架：用來幫助程序員快速創(chuàng)建一個基于xxx項目的模板倉庫(可以理解為網(wǎng)上的大神寫好了基礎(chǔ)模板直接下載無需自己配置)

　　　　1）包含了所有需要的配置

　　　　2）指定好了所有依賴

　　　　3）可以直接安裝/編譯/運(yùn)行一個簡單效果

　　2.react提供了一個用于創(chuàng)建react項目的腳手架：create-react-app

　　3.項目的整體技術(shù)為：react + webpack + es6 + eslint(檢查與法的合法性)

　　4.使用腳手架的好處：模塊化、組件化、工程化(指的是可以用一條命令對項目進(jìn)行打包、編譯、運(yùn)行)

二、安裝腳手架

　　1.首先要下載node.js，node.js中含有了npm

　　2.node和npm的關(guān)系：node.js是javascript的運(yùn)行環(huán)境，是對google v8引擎的封裝，是一個服務(wù)器端的javascript解釋器

　　　　　　　　　　　　npm是node.js的包管理器，在node.js上面開發(fā)時，會用到很多人封裝好的js代碼，高手將寫好的庫上傳到npm官網(wǎng)上面，當(dāng)開發(fā)人員想要使用時，直接通過npm來安裝

　　3.環(huán)境檢查

　　　　1）node檢查：node -v

　　　　2）檢查npm倉庫位置：npm config get registry。

　　　　　　　　推薦使用速度快的淘寶鏡像下載，否則下載慢會報錯，

　　　　　　　　修改npm下載的源地址為淘寶鏡像命令：npm config set registry https://registry.npm.taobao.org

　　　　　　　　使用 npm config get registry 命令來檢查源地址是否修改成功

　　4.創(chuàng)建項目

　　　　選擇一個文件夾，打開cmd執(zhí)行：create-react-app project_name 命令來創(chuàng)建項目，此時會在當(dāng)前文件夾下創(chuàng)建名字為project_name的工程

　　　　使用 cd project_name??移動到項目中，執(zhí)行 npm start 即可運(yùn)行項目

轉(zhuǎn)載于:https://www.cnblogs.com/zhanzhuang/p/10718280.html

總結(jié)

以上是生活随笔為你收集整理的18_使用react脚手架构建应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。