vue-personal-homepage

A Vue.js project

Demo

Click it (both PC and Mobile)

Technology Stack

vue2 + vuex + vue-router + webpack + ES6 + sass + flex

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Layout (updating)

.
├── build                                       // webpack config file
├── config                                      // package path
├── docs                                        // for github-page
├── src                                         // source directory
│   ├── assets
│   │   ├── img                                 // images
│   ├── components                              // components
│   │   ├── header.vue
│   │   ├── picture_card.vue
│   │   ├── progress.vue
│   │   ├── status_card.vue
│   │   ├── step.vue
│   │   ├── table.vue
│   │   ├── user_overview.vue
│   │   ├── weather.vue
│   ├── router                                  // router
│   │   ├── index.js
│   ├── store                                   // store
│   │   ├── index.js
│   ├── stylesheets                             // pages and components stylesheets
│   ├── views                                   // page views
│   │   ├── Chart.vue
│   │   ├── Cropper.vue
│   │   ├── Dashboard.vue
│   │   ├── Home.vue
│   │   ├── Login.vue
│   │   ├── Markdown.vue
│   │   ├── Picture.vue
│   │   ├── Table.vue
│   ├── App.vue                                 // entry page js file
│   ├── main.js                                 // the main js for loading components
├── index.html                                  // entry page html file
.

License

MIT

Reference

• 使用 webpack 来构建 vue 项目
• 基于vue-cli快速构建
• Vue.js写一个SPA登录页面的过程