$ npm i -g yarn lerna

$ mkdir vue-next && cd vue-next 
$ lerna init

// 此時(shí)項(xiàng)目結(jié)構(gòu)
vue-next
|-packages
|-lerna.json
|-package.json

// vue-next/package.json
"private": true, // 項(xiàng)目根目錄下的private必須設(shè)置成true，否則workspace不會(huì)被啟用
"workspaces": [ // 指定需要管理的模塊
  "packages/*"
],

// 此時(shí)項(xiàng)目結(jié)構(gòu)
vue-next
|-packages     // packages下的所有包結(jié)構(gòu)類似，下面僅展示了compiler-core包的目錄結(jié)構(gòu)
  |-compiler-core   // 與平臺(tái)無(wú)關(guān)的編譯器
    |-__tests__     // 測(cè)試用例
    |-src        // 源文件
    |-index.js     // 根文件
    |-package.json   // 包配置
  |-compiler-dom   // 與瀏覽器相關(guān)的編譯器
  |-reactivity    // 數(shù)據(jù)響應(yīng)式系統(tǒng)
  |-runtime-core   // 與平臺(tái)無(wú)關(guān)的runtime
  |-runtime-dom    // 與瀏覽器相關(guān)的runtime
  |-runtime-test   // 為了測(cè)試的輕量級(jí)runtime
  |-server-renderer  // 服務(wù)端渲染
  |-shared      // 內(nèi)部幫助方法
  |-template-explorer // 預(yù)覽模版轉(zhuǎn)化成render函數(shù)的工具
  |-vue        // 用于構(gòu)建完整的vue版本

|-lerna.json
|-package.json

// yarn 使用 workspace 模式安裝 npm 包時(shí)必須加 -W 參數(shù)
$ yarn add -W -D rollup typescript jest prettier ...

// @vue/compiler-core 是取 vue-next/packages/compiler-core/package.json 的 name 字段
$ yarn workspace @vue/compiler-core add acorn estree-walker source-map 
$ yarn workspace @vue/template-explorer add monaco-editor 

// @vue/compiler-core 是取 vue-next/packages/compiler-core/package.json 的 name 字段
$ yarn workspace @vue/compiler-dom add @vue/compiler-core@3.0.0-alpha.1 // 一定要指定正確的版本號(hào)，不然會(huì)到npm查找包
$ yarn workspace @vue/runtime-core add @vue/reactivity@3.0.0-alpha.1 
$ yarn workspace @vue/runtime-dom add @vue/runtime-core@3.0.0-alpha.1 
$ yarn workspace @vue/runtime-test add @vue/runtime-core@3.0.0-alpha.1 
$ yarn workspace vue add @vue/compiler-dom@3.0.0-alpha.1 @vue/runtime-dom@3.0.0-alpha.1 // 可同時(shí)安裝多個(gè)

// 生成基本項(xiàng)目結(jié)構(gòu)和 lerna 配置
$ lerna init  

// 給所有 package 安裝依賴，在對(duì)于的目錄生成 node_modules，并在 node_modules 中為內(nèi)部package生成軟鏈接
$ lerna bootstrap
// 默認(rèn)會(huì)使用 npm 安裝，但是本項(xiàng)目使用 yarn，可以指定使用 yarn
$ lerna bootstrap --npm-client=yarn   // 或者在 lerna.json 配置 {"npmClient": "yarn"}
// 上述安裝方式如果不同package之間安裝了同一個(gè)npm包，會(huì)造成重復(fù)安裝，增加安裝時(shí)間和項(xiàng)目體積
// 可以利用 node_modules 向上查找的特性，將所有依賴安裝到項(xiàng)目根路徑的 node_modules 中，lerna 加上 --hosit即可
$ lerna bootstrap --hosit
// 使用lerna bootstrap --npm-client=yarn --hoist
// 會(huì)有沖突，報(bào)錯(cuò)--hoist is not supported with --npm-client=yarn, use yarn workspaces instead
------------------------------------------------
$ yarn // 推薦??！ 用 yarn workspace 特性替代 lerna bootstrap

// 在 6.2 安裝依賴時(shí)，部分npm包會(huì)給當(dāng)前的package目錄安裝 node_modules
// 同時(shí)根路徑中的 node_modules 也會(huì)安裝項(xiàng)目
$ lerna clean

// package.json 中設(shè)置了 "private": true 的 package 不會(huì)展示
$ lerna ls

// package.json 中設(shè)置了 "private": true 的 package 不會(huì)展示
// 在 Independent mode 下只有改動(dòng)過(guò)的 package 才會(huì)被發(fā)布
// vue3.0 采用的是 Fixed/Locked mode (default)，每次都會(huì)發(fā)布所有 package，package 版本跟隨項(xiàng)目的版本走
$ lerna changed

// 根據(jù)當(dāng)前的 lerna 模式（Fixed/Locked mode (default) 或者 Independent mode）來(lái)進(jìn)行整包發(fā)布或者有改動(dòng)的 package 單獨(dú)發(fā)布
// 每次發(fā)布會(huì)自動(dòng)更新相關(guān)package的版本號(hào)，并且會(huì)更新引用該package的其他package依賴
$ lerna publish