# vue-template-2

**Repository Path**: Mr-Format/vue-template-2

## Basic Information

- **Project Name**: vue-template-2
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-03
- **Last Updated**: 2022-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 安装与部署
## 安装

+ 获取源代码

+ 全局下载安装node

+ 执行安装命令：

```
npm install
```

## 本地运行调试

+ 所有依赖安装完成，执行启动命令：

```
npm run dev
```

启动后，浏览器访问 http://localhost:8686

## 打包与部署

+ 执行构建命令，生成部署包：

```
npm run build
```

+ 构建命令执行完成，生成的dist文件夹放在服务器下即可访问


# 文件说明

## package.json

项目相关信息，包括项目名、版本、调试命令、依赖项。

## vue.config.js

webpack及vue的相关配置，主要是插件使用配置。

## src

资源文件夹，包括js、css、vue和图片等资源文件。该文件夹中的文件在打包的时候会进行压缩、合并，转换成单个的压缩文件。

### src/main.js

项目入口文件，引入、注册全局组件，实例化Vue。

### src/App.vue

Vue主文件，所有前端路由页面都挂载在该页面.app元素下

### src/rouer/index.js

前端路由入口文件，将vue页面注册为路由组件，再挂载到页面中

### src/store/index.js

Vuex入口文件，全局状态管理器。将跨组件的属性保存在store中，并在合适的地方获取属性、修改属性。

### src/controller

JavaScript插件

### src/view

所有vue路由文件都保存在该文件夹下，每个.vue文件都可以看作是一个页面

### src/components

vue组件文件夹。

### src/assets

样式和图片文件

## public

静态资源文件夹，该文件夹中的文件在打包时会直接复制进dist，不会进行任何处理。

### pulic/index.html

html入口文件

### pulic/static

静态资源

## node_modules

依赖文件，使用npm install安装的依赖包都在该文件夹中