-
1.安裝yeoman npm install -g yo 2.查看yeoman版本 yo --version 3.安裝Webpack npm install -g generator-react-webpack 4.參看本地generator版本 npm ls -g --depth=1 2>/dev/null | grep generator查看全部
-
先收藏查看全部
-
import ReactDOM from 'react-dom'; ReactDOM.findDOMNode(...)查看全部
-
yeoman查看全部
-
Gtunt-beginner查看全部
-
關(guān)于generator-react-webpack2.0版，目錄結(jié)構(gòu)大變樣，已經(jīng)是只需要webpack就能啟動項目，我理了一下其目錄。 |____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件，用于統(tǒng)一編碼風格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這里存放webpack配置 | |____base.js webpack基礎(chǔ)配置 | |____defaults.js webpack一些其他的默認配置 | |____dev.js 測試環(huán)境的webpack配置，啟動npm run start的時候會使用這份webpack設(shè)置。 | |____dist.js 線上環(huán)境的webpack配置，啟動npm run dist的時候會使用。 | |____test.js 做單元測試的時候使用，npm run test |____dist webpack輸出目錄 | |____README.md | |____static | | |____favicon.ico | | |____README.md |____karma.conf.js 單元測試配置文件 |____npm-debug.log 日志文件 |____package.json 重要！包結(jié)構(gòu)配置文件，并且存放了啟動腳本，npm script |____server.js node服務(wù)器，用于本地啟動這個項目，正是這個腳本啟動了webpack編譯。 |____src 源代碼目錄 |____test 單元測試目錄 |____webpack.config.js 重要，webpack配置文件入口查看全部
-
1.安裝yeoman ：npm install -g yo 2.npm install -g generator-react-webpack 3.將github項目拉到本地 git clone ... 4.yo react-webpack 項目名 5.npm start 啟動服務(wù) yo --version 查看版本號 查看generator相關(guān)npm已經(jīng)安裝包：npm ls -g --depth=1 2>/dev/null grep generator-- 【npm ls -g --depth=1: x顯示包目錄最多向下伸展一層 2>/dev/null: 錯誤消息指向null，即過濾掉錯誤消息 : 上一個命令執(zhí)行的結(jié)果輸出到后面命令 grep generator--: 檢索generator關(guān)鍵字】 webpack.config.js 和 webpack.dist.config.js 分別是 webpack 的生產(chǎn)環(huán)境和開發(fā)環(huán)境的配置文件 package.json ,node 項目的配置文件，聲明當前項目所依賴的 NPM 包 karma.conf.js 測試框架的配置文件 .eslintrc 和 .jshintrc 是代碼風格檢測工具，因為 .jshintrc 不支持 JSX 的語法，這時需要 .eslintrc 相關(guān)工具 ：git、webpack、npm、react developer tool【需要翻墻下載： chrome.goole.com/webstore/category/apps】 前端自動化工具 Grunt_Beginner/查看全部
-
上分區(qū)坐標范圍查看全部
-
左分區(qū) 右分區(qū)各自坐標的極限值查看全部
-
左上的取值范圍查看全部
-
jshintrc 不支持jsx 的語法，eslintrc 支持查看全部
-
webpack框架查看全部
-
瀏覽器調(diào)試插件（React Developer Tools）查看全部
-
2. 安裝 `YEOMAN`，` npm install -g yo@1.4.7 --registry=https://registry.npm.taobao.org` 3. 安裝 `腳手架` `npm install -g generator-react-webpack@1.2.11 --registry=https://registry.npm.taobao.org` 查看版本命令： `npm ls -g --depth=1 2>/dev/null | grep generator` 4. 初始話項目 `yo react-webpack gallery-by-react` ,change:"N-->N-->SASS-->.js" 5. 安裝 Grunt `npm install -g grunt-cli --registry=https://registry.npm.taobao.org`查看全部
-
通過極限條件找圖片放置的區(qū)域； 初始化contsant：centerPos hPosRange:leftSec,rightSec,y;vPosRange:x,topY componentDidMount 初始化每張圖片的位置范圍查看全部
舉報
0/150
提交
取消