react 提供了一個用于創(chuàng)建react項目的腳手架庫 create-react-app
項目的整體技術架構為 webpack+react+es6+eslint
使用腳手架開發(fā)項目的特點是：模塊化、組件化、工程化
創(chuàng)建項目并啟動
1、全局安裝
npm install -g create-react-app
2、切換到想創(chuàng)建項目的目錄，使用命令：create-react-app hello-react-liuli
cd liuli_react_hello
npm start
如何安裝yarn
Yarn是facebook發(fā)布的一款取代npm的包管理工具。
yarn的特點：
速度超快。
Yarn 緩存了每個下載過的包，所以再次使用時無需重復下載。 同時利用并行下載以最大化資源利用率，因此安裝速度更快。
超級安全。
在執(zhí)行代碼之前，Yarn 會通過算法校驗每個安裝包的完整性。
超級可靠。
使用詳細、簡潔的鎖文件格式和明確的安裝算法，Yarn 能夠保證在不同系統上無差異的工作。
yarn的安裝:
下載node.js，使用npm安裝
npm install -g yarn
查看版本：yarn --version
創(chuàng)建文件夾 yarn
md yarn
進入yarn文件夾
cd yarn
啟動開發(fā)環(huán)境服務
yarn start
開發(fā)完成，生成靜態(tài)文件
yarn build
幾乎不用（測試環(huán)境）
yarn test
將webpack配置文件釋放，一旦執(zhí)行該命令，文件不能再次隱藏
yarn eject
初始化項目
yarn init // 同npm init，執(zhí)行輸入信息后，會生成package.json文件
yarn的配置項：
yarn config list // 顯示所有配置項
yarn config get <key> //顯示某配置項
yarn config delete <key> //刪除某配置項
yarn config set <key> <value> [-g|--global] //設置配置項
安裝包：
yarn install //安裝package.json里所有包，并將包及它的所有依賴項保存進yarn.lock
yarn install --flat //安裝一個包的單一版本
yarn install --force //強制重新下載所有包
yarn install --production //只安裝dependencies里的包
yarn install --no-lockfile //不讀取或生成yarn.lock
yarn install --pure-lockfile //不生成yarn.lock
添加包（會更新package.json和yarn.lock）：
yarn add [package] // 在當前的項目中添加一個依賴包，會自動更新到package.json和yarn.lock文件中
yarn add [package]@[version] // 安裝指定版本，這里指的是主要版本，如果需要精確到小版本，使用-E參數
yarn add [package]@[tag] // 安裝某個tag（比如beta,next或者latest）
//不指定依賴類型默認安裝到dependencies里，你也可以指定依賴類型：
yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencies
//默認安裝包的主要版本里的最新版本，下面兩個命令可以指定版本：
yarn add --exact/-E // 安裝包的精確版本。例如yarn add foo@1.2.3會接受1.9.1版，但是yarn add foo@1.2.3 --exact只會接受1.2.3版
yarn add --tilde/-T // 安裝包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde會接受1.2.9，但不接受1.3.0
發(fā)布包
yarn publish
移除一個包
yarn remove <packageName>：移除一個包，會自動更新package.json和yarn.lock
更新一個依賴
yarn upgrade 用于更新包到基于規(guī)范范圍的最新版本
運行腳本
yarn run 用來執(zhí)行在 package.json 中 scripts 屬性下定義的腳本
顯示某個包的信息
yarn info <packageName> 可以用來查看某個模塊的最新版本信息
緩存
yarn cache
yarn cache list # 列出已緩存的每個包 yarn cache dir # 返回 全局緩存位置 yarn cache clean # 清除緩存
使用yrm工具管理一些npm源
安裝
yarn global add yrm
查看可用源
yrm ls
選擇源
yrm use yarn
快速刪除node_modules
手動刪除真的很慢：
安裝： npm install rimraf -g
使用：rimraf node_modules
rimraf是node的一個包，可以快速刪除node_modules，再也不用等半天了
