3Dparticles

3Dparticles official site

技术栈

基于vue2 + vue-router + vuex + ES6 + less + flex.css + webpack
Ajax使用最新的VUE作者推荐的axios
flex 布局教程  https://gold.xitu.io/post/589965c9128fe1006569cc9d

使用项目

1.克隆项目：      git clone
2.安装依赖：      cnpm install
3.启动服务：      npm run dev 即可开始本地开发，默认使用 6791 端口
4.发布代码：      npm run build 打包到项目根目录dist文件夹下

项目目录说明

.
|-- config                           // 项目开发环境配置
|   |-- index.js                     // 项目打包部署配置
|-- src                              // 源码目录
|   |-- ajax                         // 数据获取
|       |-- axios.js                 // axios 获取数据方法
|       |-- env.js                   // 公共图片
|       |-- getData.js               // 获取接口数据
|   |-- assets                       // 公共图片资源
|   |-- compinents                   // 公共组件
|   |-- less                         // 各种less文件
|       |-- common.less              // 全局通用less文件
|       |-- mixin.less               // 全局通用less配置文件
|   |-- libs                         // 各种插件
|       |-- util.js                  // 工具库
|   |-- pages                        // 各种页面组件
|       |-- index                    // 首页
|   |-- router                       // 页面路由配置
|   |-- app.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件，加载各种公共组件
|-- .babelrc                         // ES6语法编译配置
|-- index.html                       // 程序入口html文件
|-- README.md                        // 项目说明
|-- package.json                     // 配置项目相关信息
.

公共图片资源

app下载 https://ojlf2aayk.qnssl.com/company/logos/1514951908173/app.png

公众号关注 https://ojlf2aayk.qnssl.com/company/logos/1514951908173/wechat.png

3Dparticles