Giter VIP home page Giter VIP logo

vue-multi-page's Introduction

vue2.* (多页面跳转)

@[vue2.3.3|webpack2.6.1|scss|axios]

  • 以前看过有相关朋友share了空的多页面脚手架. 不过down了几个都是webpack1.0或者vue1.0的.
  • 刚好项目需要用到vue. 就在vue-cli的基础上进行了修改
  • 已经有babel直接用es6即可,如果需要修改配置的请到 .babelrc里面修改
  • 并且全局引了JQ(如果不需要或者不喜欢 请到base.conf.js里面修改)

命令

国际惯例

  • npm install (or cnpm 其他) 装依赖包
  • npm run dev 起服务
  • npm run build 打上线包
  • 跑起来服务后,需要在url输入 /module/*.html (*为对应文件夹名字)
  • 添加了新文件夹后,需要重新 npm run dev一下

##目录结构

  1. build/config: 一系列配置文件
  2. src: 页面文件
  3. (src)assets:
  • js公用的方法/配置方法
  • scss公用的样式和base.scss
  • lib.js页面引用的入口
  1. (src)components: 复用的组件
  2. (src)module: 相关的页面 (每个文件夹表示一个页面)
  • app.vue (页面)
  • *.html (页面的入口,需要和文件夹名称一致)
  • *.js (页面的js入口,需要和文件夹名称一致)
  • 在static文件夹中的tpl有模板直接复制就ok

vue-multi-page's People

Watchers

James Cloos 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.