返回介绍

秘方

发布于 2019-05-26 15:36:15 字数 1823 浏览 991 评论 0 收藏 0

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

package.json 中增加启动指令

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

Preact

首先我们需要安装 Preact 的相依套件。

npm install --save preact
npm install --save-dev parcel-bundler

或者是你想使用 Yarn 来管理套件

yarn add preact
yarn add --dev parcel-bundler

接着在 package.json 中增加启动指令

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

Vue

首先我们需要安装 Vue 的相依套件。

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

或者是你想使用 Yarn 来管理套件

yarn add vue
yarn add --dev parcel-bundler

package.json 中增加启动指令

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

TypeScript

首先我们将 Parcel 及 TypeScript 加入至专案。

npm install --save-dev typescript
npm install --save-dev parcel-bundler

或者你想使用 yarn 来安装

yarn add --dev typescript
yarn add --dev parcel-bundler

由 index.html 进行编译

将启动指令加入 package.json

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

接着在你的 index.html 中引用你的 .ts 档案即可。

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
  <!-- 这里 
                  
                  
                

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文