pnpm才是前端工程化項目的未來
前言 相信小夥伴們都接觸過npm/yarn，這兩種包管理工具想必是大家工作中用的最多的包管理工具，npm作為node官方的包管理工具，它是隨着node的誕生一起出現在大家的視野中，而yarn的出現則是為了解決npm帶來的諸多問題，雖然yarn提高了依賴包的安裝速度與使用體驗，但它依舊沒有解決npm的依賴重複安裝等致命問題。pnpm的出現完美解決了依賴包重複安裝的問題，並且實現了yarn帶來的所有優
昵稱 南玖
@npm
貢獻者38
粉絲0
貢獻者
@npm
動態 列表
一文讀懂 NPM 版本
這是前端工程化的系列文章 版本號組成 node package 版本號由四部分組成：major.minor.patch[-prerelease]，比如：1.0.2-beta.1，其中 prerelease 可選。 major：代表主版本號，通常在需要提交不能向下兼容的情況下對該版本號進行升級 minor：代表次版本號，通常在新增功能時才對該版本號進行升級 patch：代表修復版本號，升級該
昵稱 specialcoder
認識包管理工具： npm、yarn和pnpm
包管理工具的發展 2010 年 1 月，一款名為 npm 的包管理器誕生。它確立了包管理器工作的核心原則。 npm 的發佈誕生了一場革命，在此之前，項目依賴項都是手動下載和管理的。npm 引入了文件和元數據字段，將依賴項列表存儲在 package.json 文件中，並且將下載的文件保存到 node_modules 文件夾中。 後來因為 npm 的缺陷或者舊版本的不足，又出現了一個個替代
昵稱 specialcoder
手把手創建Vue3組件庫
動機 當市面上主流的組件庫不能滿足我們業務需求的時候，那麼我們就有必要開發一套屬於自己團隊的組件庫。 環境 開發環境： vue 3.0 vue/cli 4.5.13 nodeJs 12.16.3 npm 6.14.4 步驟 創建項目 使用 vue-cli 創建一個 vue3 項目，假設項目名為 custom-npm-ui $ vue create custom-npm-ui 手動選擇
昵稱 米花兒團兒
解決lodash由於依賴錯誤導致無法啓動的問題
目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend
昵稱 LYX6666
GitMaster 是如何定製 file-icons/atom
GitMaster裏面展示項目結構時，同時也顯示了對應的icon。 看起來和Octotree是沒什麼區別，但其實在維護和更新上是有顯著區別的。 Octotree是直接從file-icons/atom複製相關樣式和字體文件到項目裏，這樣耦合的方式很不利於維護，所以我在處理文件圖標時進行了額外的處理，把所有文件圖標通過npm包的形式引入。 大家可能好奇為什麼不直接用file-icons/atom，沒有
昵稱 ineo6
webpack.01-簡單使用
webpack官網：https://webpack.js.org/ 全局安裝webpack cnpm i -g webpack webpack-cli 創建index.js console.log('hellowebpack')//示例：建議寫es5語法可正常運行，es6需要babel後面做筆記會寫 cmd運行 webpack index.js//------生成文件夾dist，生成文件main.
昵稱 B͜a͜r͜a͜n͜
第一個nodejs程序
推薦編輯器 記事本 是的，首先開發要明確一點，代碼才是一個項目的核心，編輯器只是一個輔助工具，一個能給予可靠的關鍵詞提示的工具，心中有代碼，處處能開發； 而代碼的運行也一樣，編輯器只是起到一個輔助的作用，給關鍵命令行提供了一個可靠的按鈕，只需要輕鬆點擊即可完成該命令行的執行，完成代碼的運行和debug； 所以要擅長運用命令行來運行代碼，不要過度依賴編輯器，這樣如果編輯器的某個按鈕出問題
昵稱 小壞壞
grunt插件：grunt-plug-insert
作者：心葉 時間：2019年01月24日 20:08 需求説明 在我們開發代碼的時候，不會把全部代碼寫在一個文件，只有最後打包的時候會合並在一起，而有時候，我們除了要合併代碼，還可能需要更靈活的合併方案。 這個插件就是在一個代碼文件中的指定位置插入一些了碎片文件。 如何使用 首先，需要安裝node包： npm install grunt-plug-insert --save-dev 一旦安裝
昵稱 心葉
webpack配置使用PWA
pwa離線應用緩存使用APP在實際應用中很多會用到 重要插件：workbox-webpack-plugin 下載安裝 在webpack.config.js文件配置引入使用 plugins中添加 new WorkboxWebpackPlugin.GenrateSW({clientClaim: true, skipWaiting: true}) 使用，在入口文件引入service-worker //
昵稱 萬年打野易大師
【源碼】pnpm源碼分析
今天我們開始閲讀pnpm的源碼，深入瞭解pnpm安裝原理，先上圖，pnpm安裝的整體的核心流程如下： 下面我們開始逐步分析。 一、從哪裏開始 每次説到源碼，不太熟悉的人總會有種無從下手的感覺，而pnpm又與我們的框架源碼比如vue又有所不同，因為它是全局安裝的。 前端的小夥伴都知道，全局安裝的依賴不在項目中，那如何找到全局安裝目錄呢？可以通過下面的命令查看： npm confi
昵稱 花伊濃
構建模塊化 CLI：Lerna + Commander 打造靈活的基礎腳手架
在現代軟件開發中，創建 定製化的命令行工具(CLI) 已成為滿足公司業務需求的關鍵一環。這類工具可以輔助執行諸如代碼檢查、項目初始化等任務。為了提高開發效率並簡化維護過程，我們將功能模塊化，並通過多個子包來組織這些功能。本文將介紹如何使用 Lerna 來管理一個多包項目，並基於 Commander 實現一個基礎的 CLI 腳手架框架。 初始化：創建入口文件 項目結構 我們以 ice-basic-c
昵稱 一顆冰淇淋
NPM package.json 中 browser，module，main
參考：https://github.com/SunshowerC/blog/issues/8 browser VS module VS main 我們經常見到 package.json 裏有這樣一段內容： { ... main: dist/index module: dist/index.esm.js browser: dist/zhihu-hybrid.umd.js } 當我們在不
昵稱 specialcoder
npm install報錯not found: python2的結局方法
這個問題，困擾過幾乎所有的前端開發人員，我自己每次換電腦也對這個很頭疼。乾脆重新整理記錄一下。 安裝指定版本的python 下載地址：https://www.python.org/downlo... 安裝Visual C++（需要先安裝Visual Studio） 下載地址：https://visualstudio.microsof... 在Visual Stu
昵稱 jsoncode
Ionic start(4.x版本)發生bad status code 400錯誤以及離線創建新項目的解決方法
使用ionic start創建新項目，出現錯誤： Error: Encountered bad status code (400) for https://d2ql0qc7j8u4b2.cloudfront.net/angular-official-tabs.tar.gz This could mean the server is experiencing difficulties right
昵稱 scherman
從 0 到 1 打造社區產品：短説社區助力開啓社交新篇
從 0 到 1 打造社區產品：短説社區助力開啓社交新篇在這個信息繁雜的時代，人們愈發渴望能有一方專屬天地，與志同道合之人盡情交流興趣、分享生活點滴。你是否也在尋覓這樣一個獨特的社交空間呢？現在，一款依託短説社區搭建，即將從 0 成長為 1 的全新社區產品，正準備為你開啓前所未有的社交體驗！ 打造社區產品的第一步，是精準定位。我們深入剖析目標用户羣體，聚焦於 （具體目標用户羣體）。拿攝
昵稱 想天瀏覽器
NPM 自動更新版本號
本文首發於 YFun's Blog。 前言 ChenYFan 大佬的文章：SpeedUp!使用黑科技為你的網站提速 有提到過將 Hexo 博客的全部靜態文件上傳至 NPM 達到加速效果。 但是 NPM 版本號不能重複，而且為了精準命中緩存和防止邊緣 @latest 緩存過長，就必須指定版本號。 本人在 我的圖牀解決方案 一文中使用的方法是 npm version patch。 但這個方法也
昵稱 OhhhCKY
MySQL常用指令碼
本文精心挑選了一系列MySQL指令碼，助你提升資料庫效率、解決常見問題，讓你的資料儲存體驗更加高效、可靠。 常用功能指令碼 1.匯出整個資料庫 mysqldump - u 使用者名稱- p – default - character - set = latin1 資料庫名匯出的檔名(資料庫預設編碼是latin1) mysqldump - u wcnc - p smgp_apps_wcnc
昵稱 renxingdebenma
邏輯+情感的雙重表達
邏輯層面：呈現數據、案例、風險評估，用客觀事實説明目標不合理之處。 情感層面：表達對客户目標的認同與支持意願，“我們真心想幫助你完成這個項目，也希望它能取得成功”。 當客户感受到你既不會盲目附和，也不是純粹唱反調，而是理性且關懷地給出建議，他們更容易被説服。 （三）分步式談判 如果客户目標包含多個不合理要素，比如時間過短、預算過低、功能過多，可以嘗試分步談判： 先在某個要素上達成共識（如適度延長時
昵稱 奔放的炒粉
package.json的認識
前言 感覺這塊也是一個知識點，雖然我現在還不能系統的用xmind總結每個知識點的串聯關係，但是隻能看一個記一個了 package.json是什麼 我個人理解，package.json是描述包，管理包的一個信息json文件，給npm用的，比如你可以寫一個包，發到npm，那這個json就是記錄這個包的信息，或者對用vue腳手架開發的項目而言，它就是管理包的文件，npm install會讀這個文件的de
昵稱 bug之所措
在企業環境中正確使用 Node.js 的九大原則
鏈接：https://www.platformatichq.com/node-principles 作者：James Snell 等 原標題：9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持，是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年
昵稱 泯瀧
（Online CAD Software）在線CAD二次開發形位公差標註
一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量，它與傳統的尺寸公差不同，不僅關注長度或直徑等線性尺寸的變化，還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示： 根據國家標準 GB/T 1182-2018（等同於 ISO 1101
昵稱 夢想雲圖網頁CAD
Xget：為您的開發工作流解鎖極致速度
在當今快節奏的開發環境中，時間就是生命。無論是克隆代碼存儲庫、下載軟件包、拉取容器鏡像，還是與 AI 模型交互，每一個延遲都會拖慢您的開發進度。您是否曾因 git clone 速度緩慢而感到沮喪？是否曾因下載大型數據集或模型而耗費數小時？ 現在，是時候告別等待了！隆重介紹 Xget——一款超高性能、安全、一站式的開源資源獲取加速引擎。Xget 旨在徹底改變您的開發工作流，為您帶來閃電般的下載和操作
昵稱 Xi_Xu
npm包的main字段
背景： 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上，其他項目使用時通過install安裝後，webpack構建時提示找不到該npm包， This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm
昵稱 雨花石