# single-page-application-for-vue-cli

**Repository Path**: wangzhaoyv/single-page-application-for-vue-cli

## Basic Information

- **Project Name**: single-page-application-for-vue-cli
- **Description**: 使用vue-cli搭建的单页应用
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-14
- **Last Updated**: 2022-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 单页面, Vue

## README

# 项目介绍

这是一个用 vue-cli 搭建的一个单页应用模板项目

## 项目目录介绍

```text
single-page-application-for-vue-cli
├── src
│   ├── entry
│   │    ├── 页面文件夹
│   │    │      └── index.js
│   ├── components 【公共组件】
│   └── assets 【公共资源】
├── public
│   └─ createPage.js   【创建页面的js文件】
├── script
│   └─ index.html
├── vue.config.js      【vue配置文件】
├── babel.config.js    【babel配置文件】
├── postcss.config.js  【postcss配置文件】
└── package.json
```

## 安装

```
pnpm install
```

### 运行

```
pnpm run serve
```

### 打包

```
pnpm run build
```

### 创建页面

```
pnpm run create 页面名称
```

- 在 public 文件夹下创建一个 demo.html
- 在 entry 文件夹下创建一个 demo 文件夹
- 在 demo 文件夹下创建 index.js

* 添加一个组件，并在 index.js 中引入

- 运行项目
- 访问 http://localhost:8080/demo.html