18_使用react脚手架构建应用
一、什么是腳手架
1.腳手架:用來幫助程序員快速創建一個基于xxx項目的模板倉庫(可以理解為網上的大神寫好了基礎模板直接下載無需自己配置)
1)包含了所有需要的配置
2)指定好了所有依賴
3)可以直接安裝/編譯/運行一個簡單效果
2.react提供了一個用于創建react項目的腳手架:create-react-app
3.項目的整體技術為:react + webpack + es6 + eslint(檢查與法的合法性)
4.使用腳手架的好處:模塊化、組件化、工程化(指的是可以用一條命令對項目進行打包、編譯、運行)
二、安裝腳手架
1.首先要下載node.js,node.js中含有了npm
2.node和npm的關系:node.js是javascript的運行環境,是對google v8引擎的封裝,是一個服務器端的javascript解釋器
npm是node.js的包管理器,在node.js上面開發時,會用到很多人封裝好的js代碼,高手將寫好的庫上傳到npm官網上面,當開發人員想要使用時,直接通過npm來安裝
3.環境檢查
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.創建項目
選擇一個文件夾,打開cmd執行:create-react-app project_name 命令來創建項目,此時會在當前文件夾下創建名字為project_name的工程
使用 cd project_name??移動到項目中,執行 npm start 即可運行項目
轉載于:https://www.cnblogs.com/zhanzhuang/p/10718280.html
總結
以上是生活随笔為你收集整理的18_使用react脚手架构建应用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python--微信小程序获取手机号码报
- 下一篇: 阿里第二代微服务强势崛起,你还敢往简历上