4.0不用npm,cnpm。使用yarn包啟動react項目


啟動的時候請注意:https://blog.csdn.net/weixin_44051236/article/details/106288657  !!!

如果用npm安裝的話! 

第一步:全局安裝:Npm install -g create-react-app

第二部:cd 目錄 create-react-app hello-react

第三部: 進入項目文件夾: cd hello-react

第四部: 啟動項目 npm start。

參考鏈接::https://www.jianshu.com/p/f05eabdf3ab6?utm_source=so

### 如果有小伙伴因為網絡原因npm包下載不下來,那么可以最好掛在一個vpn之類的去下載,cnpm不靠譜,不推薦使用,沒有vpn,建議使用yarn。

一.yarn安裝:
在指定包下 npm intsall -g yarn

npm i yarn -g
-i:install 
-g:全局安裝(global),使用 -g 或 --global

輸入yarn -version 可以看到版本號,說明安裝成功了。我們就可以在項目中像使用npm一樣使用yarn了 

  • yarn / yarn install 等同於npm install 批量安裝依賴
  • yarn add xxx 等同於 npm install xxx —save 安裝指定包到指定位置
  • yarn remove xxx 等同於 npm uninstall xxx —save 卸載指定包
  • yarn add xxx —dev 等同於 npm install xxx —save-dev
  • yarn upgrade 等同於 npm update 升級全部包
  • yarn global add xxx 等同於 npm install xxx -g 全局安裝指定包

 (yarn add axios)

二.yarn換源:

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

 

三. 執行yarn。然后運行就好。

 

補充yarn:

yarn的簡介:

Yarn是facebook發布的一款取代npm的包管理工具。


yarn的特點!

  • 速度超快。
    • Yarn 緩存了每個下載過的包,所以再次使用時無需重復下載。 同時利用並行下載以最大化資源利用率,因此安裝速度更快。
  • 超級安全。
    • 在執行代碼之前,Yarn 會通過算法校驗每個安裝包的完整性。
  • 超級可靠。
    • 使用詳細、簡潔的鎖文件格式和明確的安裝算法,Yarn 能夠保證在不同系統上無差異的工作


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM