🍰 配方(Recipes)

React

首先需要安装 React 相关的依赖。

博客

npm install --save react
npm install --save react-dom
npm install --save-dev parcel-bundler

_{或者如果你安装了 Yarn 包管理器}

yarn add react
yarn add react-dom
yarn add --dev parcel-bundler

添加 start 指令到 package.json

// package.json
"scripts": {
  "start": "parcel index.html"
}

Preact

首先需要安装 Preact 相关的依赖。

npm install --save preact
npm install --save preact-compat
npm install --save-dev parcel-bundler
npm install --save-dev babel-preset-env
npm install --save-dev babel-preset-preact

_{或者如果说你安装了 Yarn 包管理器，作为 npm 的备选}

yarn add preact
yarn add preact-compat
yarn add --dev parcel-bundler
yarn add --dev babel-preset-env
yarn add --dev babel-preset-preact

然后确保以下 Babel 预设存在.

// .babelrc
{
  "presets": ["env", "preact"]
}

向 package.json 的 scripts 中添加 start 脚本。

// package.json
"scripts": {
  "start": "parcel index.html"
}

Vue

首先，我们需要安装 Vue 的依赖关系。

npm install --save vue
npm install --save-dev parcel-bundler

_{或者如果说你安装了 Yarn 包管理器，作为 npm 的备选}

yarn add vue
yarn add --dev parcel-bundler

向 package.json 的 scripts 中添加 start 脚本。

// package.json
"scripts": {
  "start": "parcel index.html"
}