Vue, vue-router, Webpack 和 vue-loader
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
Vue教程.md
index.html
index.tpl
package.json
readme.md
vueComponent.sublime-snippet
webpack.config.js
约定.md

readme.md

Setup

npm install
npm run dev

访问 localhost:8080

如果想在手机上查看

npm run ip

访问 你本地的ip:9000

版本控制,打包压缩

MAC

npm run mb

windows

npm run wb

目录结构

│  .gitignore          # 忽略无需git控制的文件  比如 node_modules
│  package.json        # 项目配置
│  readme.md           # 项目说明
│  index.html          # 首页
│  index.tpl           # 首页模板  在发布的时候 执行 PRODUCTION=1 webpack 会生成一个d.html并注入脚本,样式,达到版本控制的目的
│  webpack.config.js   # webpack 配置文件
│
├─node_modules
└─src
    │  app.js          # 启动配置,配置路由,过滤器
    │  app.vue         # 主vue
    │  filters.js      # 过滤器
    │  routers.js      # 路由
    │
    ├─components       # 组件
    │      my-component.vue
    │
    ├─css              # 公用样式
    │      common.css
    │
    └─views            # 页面
            about.vue
            home.vue
            not-found.vue

##学习参考: qingcheng

vue-strap

##项目 m.yaomaiche.com