Skip to content

基于mint-ui和vuex实现vue移动端的我的小电影项目

Notifications You must be signed in to change notification settings

CuityMiko/vue_mobile_pro

Repository files navigation

Vue项目基本骨架

  • src : 项目程序目录
  • src/bower_components : bower管理的web前端libs
  • src/components : 组件
  • src/containers : Vue容器文件目录
  • src/js/app.js : 项目入口文件
  • src/pages : 前端页面
  • src/index.html : 项目入口页面
  • src/template.html : webpack生产环境自动生成到dist目录的项目入口页面模板
  • .babelrc : babel配置文件
  • .bowerrc : 指定bower install的组件存放位置
  • .eslintignore : 配置eslint语法规范监测忽略的文件目录
  • .eslintrc.js : 定义eslint语法规范规则
  • .gitignore : 定义git上传忽略的文件目录
  • bower.json : bower配置文件
  • ESLint.md : eslint笔记
  • gulpfile.js : gulp配置文件
  • package.json : npm配置文件
  • typings.json : 智能提示配置文件
  • webpack.develop.config.js : webpack开发时配置文件
  • webpack.publish.config.js : webpack发布生产时配置文件
  • server : node服务器端
  • src/js/stores : vuex的Store机构目录
  • 运行:
npm install

// dev
npm run develop

// 打包
npm run publish

项目使用技术

client
  • vue2.0
  • vue-router
  • vuex
  • webpack
  • mint-ui
  • babel
  • eslint
server
  • nodejs
  • express
  • mongoose

版本说明

  • master为项目的基本骨架
  • v1为项目的基础实现

Project Detail

mint-ui

// step1
npm i mint-ui -S
// step2
// app.js引入
import Mint from 'mint-ui';
Vue.use(Mint);
// step3
// css引入
import 'mint-ui/lib/style.css'

注意

  • 1.如果出现vue-lazyload相关external-helpers的问题,则去node_modules的vue-lazyload中的.babelrc文件中删除
"plugins": [
    "external-helpers"
]

About

基于mint-ui和vuex实现vue移动端的我的小电影项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published