快速开始
环境准备
在开始使用PPtink桌面框架之前,请确保你的开发环境满足以下要求:
- Node.js 16.0 或以上版本
- npm 或 yarn 包管理工具
- 支持现代JavaScript的编辑器(推荐使用Visual Studio Code)
安装
通过npm安装PPtink桌面框架:
bash
npm install pptink-desktop
或者使用yarn:
bash
yarn add pptink-desktop
创建第一个应用
1. 初始化项目
使用内置的项目模板快速创建一个新应用:
bash
npx pptink-cli create my-app
cd my-app
2. 启动开发服务器
bash
npm run dev
这将启动开发服务器并在浏览器中打开应用预览。
3. 构建生产版本
当你的应用开发完成后,可以构建生产版本:
bash
npm run build
构建后的应用将位于dist
目录中。
项目结构
一个典型的PPtink桌面应用项目结构如下:
my-app/
├── public/ # 静态资源目录
├── src/ # 源代码目录
│ ├── components/ # 组件目录
│ ├── views/ # 视图目录
│ ├── styles/ # 样式目录
│ ├── main.js # 入口文件
│ └── App.vue # 根组件
├── package.json # 项目配置文件
└── pptink.config.js # PPtink配置文件