react 框架 安裝與梳理

2022-02-25 04:29:09 字數 1757 閱讀 5002

安裝腳手架步驟

按這個步驟走下去:

進入目錄,然後就啟動

配置檔案

npm run eject   匯出配置檔案  //將所有的配置檔案和 package.json 依賴庫解壓到應用所在的路徑方便我們進行一些小改動   (執行完檔案中會多了乙個config檔案,在裡面的webpack.config.dev.js檔案配置我們平時所需的一些用到的功能,例如:less、sass等)

執行結束後顯示的目錄,多了乙個 config 與 scripts 資料夾; 

開啟scripts檔案下的start.js檔案

//大概在37行左右

var default_port = parseint(process.env.port, 10) || 3000;

var default_port = parseint(process.env.port, 10) || 8888;

npm start //此時在命令列重新啟動 則位址變為http://localhost:8888

開啟config 檔案下的paths.js檔案

//大概在68行左右

module.exports = ;

//打包之後雙擊開啟 index.html檔案是出不來的 因為路徑的問題 那麼就設定一下;還是這個檔案大概58行

var servedurl = envpublicurl || (

publicurl ? url.parse(publicurl).pathname : '/'

);return ensureslash(servedurl, true);

}//中的publicurl ? url.parse(publicurl).pathname : '/' 在前邊加乙個.變成

publicurl ? url.parse(publicurl).pathname : './'

//好了儲存一下 重新開啟命令提示符

npm run build //本次打包之後的檔案會放到 demo資料夾下邊,雙擊html也可以正常顯示了!

!!!切記放在伺服器上上線的時候如果用的browserrouter一定要給這個路徑的.去掉 改回/ 否則會有問題。

依賴包檔案 (package.json)

下一步,除了src裡面的index.js 其他的刪除,再建好資料夾,開始配路由。

路由配置

模板參考:

在src裡面新建乙個router檔案裡面裡面建乙個index.js 來管理所要配置的路由。 如下:

import react, from 'react';

import from 'react-router-dom';

import login from "../login/login";

import home from "../home/home";

export default class routeconfig extends component

}再在外層的index.js 引用配置好的路由檔案匯入index.html。如下:

import react from 'react';

import reactdom from 'react-dom';

import fff from "./router"; (注意,會預設取router資料夾下面的index.js)

reactdom.render(< fff />, document.getelementbyid('root'));

React 安裝與搭建

1.安裝node.js 安裝完成之後在cmd中輸入node v和npm v檢視是否安裝成功 3.建立react專案 建立專案的過程需要花費幾分鐘 安裝完成之後上面也會提示我們如何開始執行專案 4.按照上面的提示進入到專案,然後啟動 c users wyhui cd wyh react test c ...

React框架的安裝及簡述(一)

react 跟vue相似的js框架,react是乙個用於構建使用者介面的js庫,主要用於構建ui。react很高效,使用virtual dom來極大減少與dom的互動,採用宣告式,描述更為簡單。首先react裡需要用到的三個功能庫檔案 1.直接使用 staticfile cdn 的 react cd...

Caffe框架詳細梳理

protobuf是google公司開發的,並在google內部久經考驗的乙個東西,在08年google把它貢獻給了開源社群,隨後便有越來越多的人使用它。protobuf是乙個結構化資訊傳遞的工具,主要用於資料儲存 傳輸協議格式等場合。caffe官方教程 blobs,layers,nets caffe...