/vue-seed

a boilerplate for large vue project with ElementUI 2.x

Primary LanguageVueMIT LicenseMIT

Vue-Element-Admin

build license Prs author

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn run dev

# clean old files
yarn run clean

# build for production with minification
yarn run build

# preview the file
yarn run server
open http://localhost:3000/index.html

Tech Stack

  • Vue @ 2.5.9
  • Vue-Router
  • Vue-i18n
  • Vuex
  • Axios
  • jsonp
  • eCharts @ 3.7.2
  • Vue-cli
  • ES6
  • Element-UI @ 2.0.7
  • Flex
  • Less
  • Animate.CSS
  • MomentJS
  • Font-Awesome
  • js-cookie
  • screenfull
  • MockJS
  • Yarn

Others Maybe Need

  • vue-qr 二维码生成插件
  • vuedraggable 拖拽功能
  • vue-particles 粒子星空效果
  • xlsx 读取excel表

Useful Links

Folder Instructions

Name Remark
.vscode VScode的sftp插件配置文件,用于将编译后文件传输到服务器上
docs github或coding上,用于生成预览页面的文件,公司项目中可删除
preview 打包后的文件所在目录
screenshot github上README页面上的预览图片,可删除

Best Practice

  • 安装或删除模块请使用Yarn命令 !!!!!!!!
  • 安装依赖包:Yarn add XXX
  • 安装依赖包:Yarn upgrade XXX@x.x.x
  • 卸载依赖包:Yarn remove XXX
  • 所有组件文件名首字母大写
  • 公共组件请放到components文件夹下
  • 代码缩进采用2个空格

Screen Shot

1、登录页 image 2、气象页 image 3、魔方页 image