今天僅記錄使用 yarn指令安裝套件的步驟跟檔案結構內容

Yarn

https://yarnpkg.com/getting-started
CLI Reference | Yarn

$ yarn init
yarn init v1.22.19
question name (TailwindCSS-yarn):
question version (1.0.0):
question description: test
question entry point (index.js):
question repository url:
question author: anki
question license (MIT):
question private:
success Saved package.json
Done in 39.26s.

TailwindCSS-yarn
╰── package.json   # 專案的基本資訊(名稱、版本、描述、作者等等)、
				   # 列出了專案所需的相依套件資訊

package.json

{
  "name": "TailwindCSS-yarn",
  "version": "1.0.0",
  "description": "test",
  "main": "index.js",
  "author": "anki",
  "license": "MIT"
}

install tailwindcss

$ yarn add tailwindcss
yarn add v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Saved lockfile.
success Saved 74 new dependencies.
info Direct dependencies
└─ tailwindcss@3.3.3
info All dependencies
├─ @alloc/quick-lru@5.2.0
├─ @jridgewell/gen-mapping@0.3.3
├─ @jridgewell/resolve-uri@3.1.1
├─ @jridgewell/set-array@1.1.2
├─ @jridgewell/sourcemap-codec@1.4.15
├─ @jridgewell/trace-mapping@0.3.19
├─ @nodelib/fs.scandir@2.1.5
├─ @nodelib/fs.stat@2.0.5
├─ @nodelib/fs.walk@1.2.8
├─ anymatch@3.1.3
├─ arg@5.0.2
├─ balanced-match@1.0.2
├─ binary-extensions@2.2.0
├─ brace-expansion@1.1.11
├─ braces@3.0.2
├─ camelcase-css@2.0.1
├─ chokidar@3.5.3
├─ commander@4.1.1
├─ concat-map@0.0.1
├─ cssesc@3.0.0
├─ didyoumean@1.2.2
├─ dlv@1.1.3
├─ fast-glob@3.3.1
├─ fastq@1.15.0
├─ fill-range@7.0.1
├─ fs.realpath@1.0.0
├─ function-bind@1.1.1
├─ glob-parent@5.1.2
├─ glob@7.1.6
├─ has@1.0.3
├─ inflight@1.0.6
├─ inherits@2.0.4
├─ is-binary-path@2.1.0
├─ is-core-module@2.13.0
├─ is-extglob@2.1.1
├─ is-glob@4.0.3
├─ is-number@7.0.0
├─ jiti@1.20.0
├─ lilconfig@2.1.0
├─ lines-and-columns@1.2.4
├─ merge2@1.4.1
├─ micromatch@4.0.5
├─ minimatch@3.1.2
├─ mz@2.7.0
├─ nanoid@3.3.6
├─ object-assign@4.1.1
├─ object-hash@3.0.0
├─ path-is-absolute@1.0.1
├─ path-parse@1.0.7
├─ picomatch@2.3.1
├─ pify@2.3.0
├─ pirates@4.0.6
├─ postcss-import@15.1.0
├─ postcss-js@4.0.1
├─ postcss-load-config@4.0.1
├─ postcss-nested@6.0.1
├─ postcss-value-parser@4.2.0
├─ postcss@8.4.30
├─ queue-microtask@1.2.3
├─ read-cache@1.0.0
├─ readdirp@3.6.0
├─ resolve@1.22.6
├─ reusify@1.0.4
├─ run-parallel@1.2.0
├─ source-map-js@1.0.2
├─ sucrase@3.34.0
├─ supports-preserve-symlinks-flag@1.0.0
├─ tailwindcss@3.3.3
├─ thenify-all@1.6.0
├─ thenify@3.3.1
├─ to-regex-range@5.0.1
├─ ts-interface-checker@0.1.13
├─ util-deprecate@1.0.2
└─ yaml@2.3.2
Done in 6.53s.

TailwindCSS-yarn
│── node_modules
│── package.json 
╰── yarn.lock