安裝項目依賴包
根據自身習慣的方式，自行選擇使用 npm 或 yarn 進行安裝依賴包。
注意：如果選擇 npm 安裝，后面的命令都是用 npm 命令，包括 npm start / npm build 等；選擇 yarn 安裝同樣如此。請勿將 npm 命令和 yarn 命令混合使用.
首先了解一下項目依賴包的配置文件
package.json 文件簡介
注意： .json 文件內不支持注釋，以下僅作為代碼闡述
{
/* 基本信息，包括項目名稱和項目版本 */
"name": "ant-design-pro",
"version": "2.1.1",
"description": "An out-of-box UI solution for enterprise applications",
"private": true,
/* scripts指定了運行腳本命令的npm命令行縮寫 */
/* 如 npm run start，就是執行 start 定義的命令 */
/* 另外，npm run start 可以簡寫為 npm start */
"scripts": {
"presite": "node ./scripts/generateMock.js && cd functions && npm install",
"start": "cross-env APP_TYPE=site umi dev",
"start:no-mock": "cross-env MOCK=none umi dev",
"build": "umi build"
},
/* dependencies字段指定了項目運行所依賴的模塊 */
/* devDependencies指定項目開發所需要的模塊 */
/* 分別由模塊名和對應的版本要求組成 */
"dependencies": {
"@babel/runtime": "^7.1.5",
"antd": "^3.10.9"
},
"devDependencies": {
"@types/react": "^16.7.7",
"@types/react-dom": "^16.0.10",
"antd-pro-merge-less": "^0.2.0"
}
}
詳細介紹請參考 package.json文件
npm 安裝
若未安裝npm，請先前往安裝NPM 套件管理工具
-
在項目對應的根目錄下，執行以下命令
npm run install或者npm install或者npm i -
執行命令后，顯示安裝中的進度條：
安裝中
- 大概一段時間后，即可安裝完成。安裝完成會顯示部分
WARN警報，暫時忽略。
如果安裝最后顯示ERROR錯誤，請自行搜索查詢錯誤信息。
安裝完成
yarn 安裝
若無安裝 Yarn，請先安裝 yarn
-
在項目對應的根目錄下，執行以下命令
yarn install或者yarn -
執行命令后，顯示安裝中的進度條：
安裝中
- 大概一段時間后，即可安裝完成。安裝完成會顯示部分
WARN警報，暫時忽略。
如果安裝最后顯示ERROR錯誤，請自行搜索查詢錯誤信息。
PS: 我本地的node環境過低導致無法安裝部分依賴包，升級即可
安裝結果
作者簡介：李堯暉，蘆葦科技web前端開發工程師，代表作品：飛花亭小程序、續航基因、YY表情紅包、YY疊方塊直播競賽小游戲。擅長網站建設、微信公眾號開發、微信小程序開發、小游戲制作、企業微信制作、H5建設，專注於前端框架、服務端渲染、SEO技術、交互設計、圖像繪制、數據分析等研究。
歡迎和我們一起並肩作戰： web@talkmoney.cn
訪問 www.talkmoney.cn 了解更多
提供深圳微信公眾號外包，高質量的釘釘開發，專業的企業微信建設，東莞微信小程序開發，廣州小游戲制作，廣東H5建設