文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
秘方
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论