安裝腳手架步驟
按這個步驟走下去:
進入目錄,然後就啟動
配置檔案
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...