Giter Club home page Giter Club logo

clouddo-view's Introduction

clouddo-view

cloudo的前端系统

介绍

说明

 这是一个用vuejs2.0和element-ui 2.x搭建的后台管理界面。

项目结构

├── build  #webpack编译相关文件目录,一般不用动 
├── config  #配置目录
│   ├────dev.env.js  #开发环境变量
│   ├────index.js    #主配置文件
│   └────prod.env.js #生产环境变量
├── dist  #生产环境下build后的文件存放目录(发布目录)
├── server  #服务端代码目录,提供给前端接口
├── src #前端项目源码目录
│   ├───—api  #封装的接口文件目录
│   ├───—assets  #资源目录
│   ├───—common  #公用文件目录
│   ├───—components  #组件及页面文件目录
│   ├───—router  #路由目录
│   ├───—App.vue #项目入口文件
│   ├───—bus.js  #公共通信组件
│   └────main.js  #项目的核心文件
├── static  #开发模式下的静态资源目录
├── index.html #首页入口文件,你可以添加一些 meta 信息或同统计代码啥的
├── package.json #项目配置文件
└── README.md #项目的说明文档,markdown 格式

相关技术:

  • vuejs2.0:一套构建用户界面的渐进式框架,易用、灵活、高效。
  • element-ui:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。
  • vue-router:官方的路由组件,配合vue.js创建单页应用(SPA)非常简单。
  • axios: 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用。

项目编译和运行

第一步: 先安装node v8.2.1环境,可以用nvm安装,支持多版本切换


第二步:下载项目
可以直接在git上下载项目源码。
或者通过git命令下载
#git命令下载
git clone 
假定项目已经下载下来了。

第三步:启动服务端

  
  
第四步:启动前端
(1)新开一个命令行窗口
(2)定位到项目目录并安装依赖
  > cd 你自己的位置/clouddo-view
  > npm install
(3)依赖安装成功后执行启动命令
  > npm run dev
  # 显示如下内容说明本地启动成功
  # DONE Compiled successfully in 7515ms
  # Listening at http://localhost:8081
   
   
#正式环境编译命令
# build for production with minification
npm run build


clouddo-view's People

Contributors

lcg0124 avatar

Watchers

edwin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.