diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..27d3078
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,10 @@
+{
+ "presets": ["es2015", "stage-2"],
+ "plugins": ["transform-runtime"],
+ "comments": false,
+ "env": {
+ "test": {
+ "plugins": [ "istanbul" ]
+ }
+ }
+}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..34af377
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,2 @@
+build/*.js
+config/*.js
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..962353a
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,24 @@
+module.exports = {
+ root: true,
+ parser: 'babel-eslint',
+ parserOptions: {
+ sourceType: 'module'
+ },
+ // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+ extends: 'standard',
+ // required to lint *.vue files
+ plugins: [
+ 'html'
+ ],
+ // add your custom rules here
+ 'rules': {
+ indent: ["error", 4],
+ "space-before-function-paren": ["error", "never"],
+ // allow paren-less arrow functions
+ 'arrow-parens': 0,
+ // allow async-await
+ 'generator-star-spacing': 0,
+ // allow debugger during development
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 4 : 0
+ }
+}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..bc9103d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ebaf3b9
--- /dev/null
+++ b/README.md
@@ -0,0 +1,27 @@
+# vue2-demo
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
diff --git a/build/build.js b/build/build.js
new file mode 100644
index 0000000..b3c9aad
--- /dev/null
+++ b/build/build.js
@@ -0,0 +1,36 @@
+// https://github.com/shelljs/shelljs
+require('./check-versions')()
+require('shelljs/global')
+env.NODE_ENV = 'production'
+
+var path = require('path')
+var config = require('../config')
+var ora = require('ora')
+var webpack = require('webpack')
+var webpackConfig = require('./webpack.prod.conf')
+
+console.log(
+ ' Tip:\n' +
+ ' Built files are meant to be served over an HTTP server.\n' +
+ ' Opening index.html over file:// won\'t work.\n'
+)
+
+var spinner = ora('building for production...')
+spinner.start()
+
+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
+rm('-rf', assetsPath)
+mkdir('-p', assetsPath)
+cp('-R', 'static/*', assetsPath)
+
+webpack(webpackConfig, function (err, stats) {
+ spinner.stop()
+ if (err) throw err
+ process.stdout.write(stats.toString({
+ colors: true,
+ modules: false,
+ children: false,
+ chunks: false,
+ chunkModules: false
+ }) + '\n')
+})
diff --git a/build/check-versions.js b/build/check-versions.js
new file mode 100644
index 0000000..e2b6cf7
--- /dev/null
+++ b/build/check-versions.js
@@ -0,0 +1,45 @@
+var semver = require('semver')
+var chalk = require('chalk')
+var packageConfig = require('../package.json')
+var exec = function (cmd) {
+ return require('child_process')
+ .execSync(cmd).toString().trim()
+}
+
+var versionRequirements = [
+ {
+ name: 'node',
+ currentVersion: semver.clean(process.version),
+ versionRequirement: packageConfig.engines.node
+ },
+ {
+ name: 'npm',
+ currentVersion: exec('npm --version'),
+ versionRequirement: packageConfig.engines.npm
+ }
+]
+
+module.exports = function () {
+ var warnings = []
+ for (var i = 0; i < versionRequirements.length; i++) {
+ var mod = versionRequirements[i]
+ if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+ warnings.push(mod.name + ': ' +
+ chalk.red(mod.currentVersion) + ' should be ' +
+ chalk.green(mod.versionRequirement)
+ )
+ }
+ }
+
+ if (warnings.length) {
+ console.log('')
+ console.log(chalk.yellow('To use this template, you must update following to modules:'))
+ console.log()
+ for (var i = 0; i < warnings.length; i++) {
+ var warning = warnings[i]
+ console.log(' ' + warning)
+ }
+ console.log()
+ process.exit(1)
+ }
+}
diff --git a/build/dev-client.js b/build/dev-client.js
new file mode 100644
index 0000000..18aa1e2
--- /dev/null
+++ b/build/dev-client.js
@@ -0,0 +1,9 @@
+/* eslint-disable */
+require('eventsource-polyfill')
+var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(function (event) {
+ if (event.action === 'reload') {
+ window.location.reload()
+ }
+})
diff --git a/build/dev-server.js b/build/dev-server.js
new file mode 100644
index 0000000..6cb7268
--- /dev/null
+++ b/build/dev-server.js
@@ -0,0 +1,77 @@
+require('./check-versions')()
+var config = require('../config')
+if (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var opn = require('opn')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = process.env.NODE_ENV === 'testing'
+ ? require('./webpack.prod.conf')
+ : require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+ publicPath: webpackConfig.output.publicPath,
+ quiet: true
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+ log: () => {}
+})
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+ compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+ hotMiddleware.publish({ action: 'reload' })
+ cb()
+ })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+ var options = proxyTable[context]
+ if (typeof options === 'string') {
+ options = { target: options }
+ }
+ app.use(proxyMiddleware(context, options))
+})
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+var uri = 'http://localhost:' + port
+
+devMiddleware.waitUntilValid(function () {
+ console.log('> Listening at ' + uri + '\n')
+})
+
+module.exports = app.listen(port, function (err) {
+ if (err) {
+ console.log(err)
+ return
+ }
+
+ // when env is testing, don't need open it
+ if (process.env.NODE_ENV !== 'testing') {
+ opn(uri)
+ }
+})
diff --git a/build/mock.js b/build/mock.js
new file mode 100644
index 0000000..e69de29
diff --git a/build/utils.js b/build/utils.js
new file mode 100644
index 0000000..dc3cdd0
--- /dev/null
+++ b/build/utils.js
@@ -0,0 +1,61 @@
+var path = require('path')
+var config = require('../config')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+exports.assetsPath = function (_path) {
+ var assetsSubDirectory = process.env.NODE_ENV === 'production'
+ ? config.build.assetsSubDirectory
+ : config.dev.assetsSubDirectory
+ return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+ options = options || {}
+ // generate loader string to be used with extract text plugin
+ function generateLoaders (loaders) {
+ var sourceLoader = loaders.map(function (loader) {
+ var extraParamChar
+ if (/\?/.test(loader)) {
+ loader = loader.replace(/\?/, '-loader?')
+ extraParamChar = '&'
+ } else {
+ loader = loader + '-loader'
+ extraParamChar = '?'
+ }
+ return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
+ }).join('!')
+
+ // Extract CSS when that option is specified
+ // (which is the case during production build)
+ if (options.extract) {
+ return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
+ } else {
+ return ['vue-style-loader', sourceLoader].join('!')
+ }
+ }
+
+ // http://vuejs.github.io/vue-loader/en/configurations/extract-css.html
+ return {
+ css: generateLoaders(['css']),
+ postcss: generateLoaders(['css']),
+ less: generateLoaders(['css', 'less']),
+ sass: generateLoaders(['css', 'sass?indentedSyntax']),
+ scss: generateLoaders(['css', 'sass']),
+ stylus: generateLoaders(['css', 'stylus']),
+ styl: generateLoaders(['css', 'stylus'])
+ }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+ var output = []
+ var loaders = exports.cssLoaders(options)
+ for (var extension in loaders) {
+ var loader = loaders[extension]
+ output.push({
+ test: new RegExp('\\.' + extension + '$'),
+ loader: loader
+ })
+ }
+ return output
+}
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
new file mode 100644
index 0000000..55806c3
--- /dev/null
+++ b/build/webpack.base.conf.js
@@ -0,0 +1,100 @@
+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var projectRoot = path.resolve(__dirname, '../')
+
+var env = process.env.NODE_ENV
+// check env & config/index.js to decide whether to enable CSS source maps for the
+// various preprocessor loaders added to vue-loader at the end of this file
+var cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap)
+var cssSourceMapProd = (env === 'production' && config.build.productionSourceMap)
+var useCssSourceMap = cssSourceMapDev || cssSourceMapProd
+
+module.exports = {
+ entry: {
+ app: './src/main.js'
+ },
+ output: {
+ path: config.build.assetsRoot,
+ publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
+ filename: '[name].js'
+ },
+ resolve: {
+ extensions: ['', '.js', '.vue', '.json'],
+ fallback: [path.join(__dirname, '../node_modules')],
+ alias: {
+ 'vue$': 'vue/dist/vue.common.js',
+ 'src': path.resolve(__dirname, '../src'),
+ 'assets': path.resolve(__dirname, '../src/assets'),
+ 'components': path.resolve(__dirname, '../src/components')
+ }
+ },
+ resolveLoader: {
+ fallback: [path.join(__dirname, '../node_modules')]
+ },
+ module: {
+ preLoaders: [
+ {
+ test: /\.vue$/,
+ loader: 'eslint',
+ include: [
+ path.join(projectRoot, 'src')
+ ],
+ exclude: /node_modules/
+ },
+ {
+ test: /\.js$/,
+ loader: 'eslint',
+ include: [
+ path.join(projectRoot, 'src')
+ ],
+ exclude: /node_modules/
+ }
+ ],
+ loaders: [
+ {
+ test: /\.vue$/,
+ loader: 'vue'
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel',
+ include: [
+ path.join(projectRoot, 'src')
+ ],
+ exclude: /node_modules/
+ },
+ {
+ test: /\.json$/,
+ loader: 'json'
+ },
+ {
+ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+ loader: 'url',
+ query: {
+ limit: 10000,
+ name: utils.assetsPath('img/[name].[hash:7].[ext]')
+ }
+ },
+ {
+ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+ loader: 'url',
+ query: {
+ limit: 10000,
+ name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+ }
+ }
+ ]
+ },
+ eslint: {
+ formatter: require('eslint-friendly-formatter')
+ },
+ vue: {
+ loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
+ postcss: [
+ require('autoprefixer')({
+ browsers: ['last 2 versions']
+ })
+ ]
+ }
+}
diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
new file mode 100644
index 0000000..c9e6cc0
--- /dev/null
+++ b/build/webpack.dev.conf.js
@@ -0,0 +1,36 @@
+var config = require('../config')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var utils = require('./utils')
+var baseWebpackConfig = require('./webpack.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var FriendlyErrors = require('friendly-errors-webpack-plugin')
+
+// add hot-reload related code to entry chunks
+Object.keys(baseWebpackConfig.entry).forEach(function (name) {
+ baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
+})
+
+module.exports = merge(baseWebpackConfig, {
+ module: {
+ loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
+ },
+ // eval-source-map is faster for development
+ devtool: '#eval-source-map',
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': config.dev.env
+ }),
+ // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
+ new webpack.optimize.OccurrenceOrderPlugin(),
+ new webpack.HotModuleReplacementPlugin(),
+ new webpack.NoErrorsPlugin(),
+ // https://github.com/ampedandwired/html-webpack-plugin
+ new HtmlWebpackPlugin({
+ filename: 'index.html',
+ template: 'index.html',
+ inject: true
+ }),
+ new FriendlyErrors()
+ ]
+})
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
new file mode 100644
index 0000000..ba564d3
--- /dev/null
+++ b/build/webpack.prod.conf.js
@@ -0,0 +1,102 @@
+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var env = process.env.NODE_ENV === 'testing'
+ ? require('../config/test.env')
+ : config.build.env
+
+var webpackConfig = merge(baseWebpackConfig, {
+ module: {
+ loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })
+ },
+ devtool: config.build.productionSourceMap ? '#source-map' : false,
+ output: {
+ path: config.build.assetsRoot,
+ filename: utils.assetsPath('js/[name].[chunkhash].js'),
+ chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+ },
+ vue: {
+ loaders: utils.cssLoaders({
+ sourceMap: config.build.productionSourceMap,
+ extract: true
+ })
+ },
+ plugins: [
+ // http://vuejs.github.io/vue-loader/en/workflow/production.html
+ new webpack.DefinePlugin({
+ 'process.env': env
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ compress: {
+ warnings: false
+ }
+ }),
+ new webpack.optimize.OccurrenceOrderPlugin(),
+ // extract css into its own file
+ new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
+ // generate dist index.html with correct asset hash for caching.
+ // you can customize output by editing /index.html
+ // see https://github.com/ampedandwired/html-webpack-plugin
+ new HtmlWebpackPlugin({
+ filename: process.env.NODE_ENV === 'testing'
+ ? 'index.html'
+ : config.build.index,
+ template: 'index.html',
+ inject: true,
+ minify: {
+ removeComments: true,
+ collapseWhitespace: true,
+ removeAttributeQuotes: true
+ // more options:
+ // https://github.com/kangax/html-minifier#options-quick-reference
+ },
+ // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+ chunksSortMode: 'dependency'
+ }),
+ // split vendor js into its own file
+ new webpack.optimize.CommonsChunkPlugin({
+ name: 'vendor',
+ minChunks: function (module, count) {
+ // any required modules inside node_modules are extracted to vendor
+ return (
+ module.resource &&
+ /\.js$/.test(module.resource) &&
+ module.resource.indexOf(
+ path.join(__dirname, '../node_modules')
+ ) === 0
+ )
+ }
+ }),
+ // extract webpack runtime and module manifest to its own file in order to
+ // prevent vendor hash from being updated whenever app bundle is updated
+ new webpack.optimize.CommonsChunkPlugin({
+ name: 'manifest',
+ chunks: ['vendor']
+ })
+ ]
+})
+
+if (config.build.productionGzip) {
+ var CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+ webpackConfig.plugins.push(
+ new CompressionWebpackPlugin({
+ asset: '[path].gz[query]',
+ algorithm: 'gzip',
+ test: new RegExp(
+ '\\.(' +
+ config.build.productionGzipExtensions.join('|') +
+ ')$'
+ ),
+ threshold: 10240,
+ minRatio: 0.8
+ })
+ )
+}
+
+module.exports = webpackConfig
diff --git a/config/dev.env.js b/config/dev.env.js
new file mode 100644
index 0000000..efead7c
--- /dev/null
+++ b/config/dev.env.js
@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+ NODE_ENV: '"development"'
+})
diff --git a/config/index.js b/config/index.js
new file mode 100644
index 0000000..207dfbd
--- /dev/null
+++ b/config/index.js
@@ -0,0 +1,32 @@
+// see http://vuejs-templates.github.io/webpack for documentation.
+var path = require('path')
+
+module.exports = {
+ build: {
+ env: require('./prod.env'),
+ index: path.resolve(__dirname, '../dist/index.html'),
+ assetsRoot: path.resolve(__dirname, '../dist'),
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ productionSourceMap: true,
+ // Gzip off by default as many popular static hosts such as
+ // Surge or Netlify already gzip all static assets for you.
+ // Before setting to `true`, make sure to:
+ // npm install --save-dev compression-webpack-plugin
+ productionGzip: false,
+ productionGzipExtensions: ['js', 'css']
+ },
+ dev: {
+ env: require('./dev.env'),
+ port: 8080,
+ assetsSubDirectory: 'static',
+ assetsPublicPath: '/',
+ proxyTable: {},
+ // CSS Sourcemaps off by default because relative paths are "buggy"
+ // with this option, according to the CSS-Loader README
+ // (https://github.com/webpack/css-loader#sourcemaps)
+ // In our experience, they generally work as expected,
+ // just be aware of this issue when enabling this option.
+ cssSourceMap: false
+ }
+}
diff --git a/config/prod.env.js b/config/prod.env.js
new file mode 100644
index 0000000..773d263
--- /dev/null
+++ b/config/prod.env.js
@@ -0,0 +1,3 @@
+module.exports = {
+ NODE_ENV: '"production"'
+}
diff --git a/config/test.env.js b/config/test.env.js
new file mode 100644
index 0000000..89f90de
--- /dev/null
+++ b/config/test.env.js
@@ -0,0 +1,6 @@
+var merge = require('webpack-merge')
+var devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+ NODE_ENV: '"testing"'
+})
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..962138b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+vue2-demo
+
+
+
+
+
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..67be52c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,91 @@
+{
+ "name": "vue2-demo",
+ "version": "1.0.0",
+ "description": "A Vue.js project",
+ "author": "zkeyword ",
+ "private": true,
+ "scripts": {
+ "dev": "node build/dev-server.js",
+ "build": "node build/build.js",
+ "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
+ "e2e": "node test/e2e/runner.js",
+ "test": "npm run unit && npm run e2e",
+ "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
+ },
+ "dependencies": {
+ "vue": "^2.1.0",
+ "vue-router": "^2.1.1",
+ "vuex": "^2.1.1"
+ },
+ "devDependencies": {
+ "autoprefixer": "^6.4.0",
+ "babel-core": "^6.0.0",
+ "babel-eslint": "^7.0.0",
+ "babel-loader": "^6.0.0",
+ "babel-plugin-istanbul": "^3.0.0",
+ "babel-plugin-transform-runtime": "^6.0.0",
+ "babel-preset-es2015": "^6.0.0",
+ "babel-preset-stage-2": "^6.0.0",
+ "babel-register": "^6.0.0",
+ "chai": "^3.5.0",
+ "chalk": "^1.1.3",
+ "chromedriver": "^2.21.2",
+ "connect-history-api-fallback": "^1.1.0",
+ "cross-env": "^3.1.3",
+ "cross-spawn": "^4.0.2",
+ "css-loader": "^0.25.0",
+ "eslint": "^3.7.1",
+ "eslint-config-standard": "^6.1.0",
+ "eslint-friendly-formatter": "^2.0.5",
+ "eslint-loader": "^1.5.0",
+ "eslint-plugin-html": "^1.3.0",
+ "eslint-plugin-promise": "^3.4.0",
+ "eslint-plugin-standard": "^2.0.1",
+ "eventsource-polyfill": "^0.9.6",
+ "express": "^4.13.3",
+ "extract-text-webpack-plugin": "^1.0.1",
+ "file-loader": "^0.9.0",
+ "friendly-errors-webpack-plugin": "^1.1.2",
+ "function-bind": "^1.0.2",
+ "html-webpack-plugin": "^2.8.1",
+ "http-proxy-middleware": "^0.17.2",
+ "inject-loader": "^2.0.1",
+ "json-loader": "^0.5.4",
+ "karma": "^1.3.0",
+ "karma-coverage": "^1.1.1",
+ "karma-mocha": "^1.2.0",
+ "karma-phantomjs-launcher": "^1.0.0",
+ "karma-sinon-chai": "^1.2.0",
+ "karma-sourcemap-loader": "^0.3.7",
+ "karma-spec-reporter": "0.0.26",
+ "karma-webpack": "^1.7.0",
+ "lolex": "^1.4.0",
+ "mocha": "^3.1.0",
+ "mockjs": "^1.0.1-beta3",
+ "nightwatch": "^0.9.8",
+ "nodemon": "^1.11.0",
+ "opn": "^4.0.2",
+ "ora": "^0.3.0",
+ "phantomjs-prebuilt": "^2.1.3",
+ "selenium-server": "2.53.1",
+ "semver": "^5.3.0",
+ "shelljs": "^0.7.4",
+ "sinon": "^1.17.3",
+ "sinon-chai": "^2.8.0",
+ "stylus": "^0.54.5",
+ "stylus-loader": "^2.4.0",
+ "url-loader": "^0.5.7",
+ "vue-loader": "^10.0.0",
+ "vue-style-loader": "^1.0.0",
+ "vue-template-compiler": "^2.1.0",
+ "vux": "^0.1.3",
+ "webpack": "^1.13.2",
+ "webpack-dev-middleware": "^1.8.3",
+ "webpack-hot-middleware": "^2.12.2",
+ "webpack-merge": "^0.14.1"
+ },
+ "engines": {
+ "node": ">= 4.0.0",
+ "npm": ">= 3.0.0"
+ }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..f159300
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,13 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/assets/styles/core/layout.styl b/src/assets/styles/core/layout.styl
new file mode 100644
index 0000000..9165099
--- /dev/null
+++ b/src/assets/styles/core/layout.styl
@@ -0,0 +1,78 @@
+body
+ -webkit-touch-callout: none
+ background: #fff
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+
+.lt-header
+ padding: 0 45px
+ width: 100%
+ height:40px
+ line-height: 40px
+ position: fixed
+ z-index: 1
+ box-sizing: border-box
+ background-color: #f7f7f7
+ box-shadow: 0 1px 6px #ccc
+
+ .title
+ color:#333
+ font-size: 18px
+ width: 80%
+ text-align: center
+ margin: 0 auto
+
+ .arrow
+ border-left: 2px solid #d3d3d6
+ border-bottom: 2px solid #d3d3d6
+ width: 15px
+ height: 15px
+ display: inline-block
+ transform: rotate(45deg)
+ text-indent: -9999px
+ overflow: hidden
+ position: absolute
+ left: 10px
+ top: 12px
+ z-index:1
+
+ .logout
+ position: absolute
+ right: 0
+ top: 0
+ color:#fff
+ padding: 0 30px
+ z-index: 1
+ cursor: pointer
+
+ &~.lt-main
+ padding-top: 45px
+
+
+
+.lt-footer
+ width: 100%
+ background: #fff
+ position: fixed
+ bottom:0
+ left: 0
+ box-sizing: border-box
+ padding: 10px 0
+ display: flex
+ z-index: 1
+ text-align: center
+ border-top: 1PX solid #dcdcdc
+ .tab
+ flex: 1
+ &:last-child
+ margin:0 0 0 15px
+ &:only-child
+ margin: 0 !important
+ &+.lt-main
+ padding-bottom: 41px
+
+.lt-main
+ background: #fff
diff --git a/src/assets/styles/index.styl b/src/assets/styles/index.styl
new file mode 100644
index 0000000..a5dbb32
--- /dev/null
+++ b/src/assets/styles/index.styl
@@ -0,0 +1,2 @@
+@import './lib/base.styl';
+@import './core/layout.styl';
\ No newline at end of file
diff --git a/src/assets/styles/lib/base.styl b/src/assets/styles/lib/base.styl
new file mode 100644
index 0000000..13aba2e
--- /dev/null
+++ b/src/assets/styles/lib/base.styl
@@ -0,0 +1,167 @@
+@charset "utf-8";
+
+/*
+ @名称: base
+ @功能: 重设浏览器默认样式
+*/
+
+/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
+html {
+ color: #444;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+/* 内外边距通常让各个浏览器样式的表现位置不同 */
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ margin: 0;
+ padding: 0;
+ font-family: Microsoft Yahei, Arial, sans-serif;
+}
+
+/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+/* HTML5 媒体文件跟 img 保持一致 */
+audio, canvas, video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/* 要注意表单元素并不继承父级 font 的问题 */
+body, button, input, select, textarea {
+ font: 14px/1.5 "Microsoft YaHei", "Helvetica", "Helvetica Neue";
+}
+
+input, select, textarea {
+ color: #444;
+ font-size: 100%;
+}
+
+/* 按钮鼠标已过去为受刑 */
+button {
+ cursor: pointer;
+ outline: none;
+}
+
+/* 去掉各Table cell 的边距并让其边重合 */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* IE bug fixed: th 不继承 text-align*/
+th {
+ text-align: inherit;
+}
+
+/* 去除默认边框 */
+fieldset, img {
+ border: 0;
+}
+
+/* ie6 7 8(q) bug 显示为行内表现 */
+iframe {
+ display: block;
+}
+
+/* 去掉 firefox 下此元素的边框 */
+abbr, acronym {
+ border: 0;
+ font-variant: normal;
+}
+
+/* 一致的 del 样式 */
+del {
+ text-decoration: line-through;
+}
+
+address, caption, cite, code, dfn, em, th, var {
+ font-style: normal;
+ font-weight: 500;
+}
+
+/* 去掉列表前的标识, li 会继承 */
+ol, ul {
+ list-style: none;
+}
+
+/* 对齐是排版最重要的因素, 别让什么都居中 */
+caption, th {
+ text-align: left;
+}
+
+/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+ font-weight: 500;
+}
+
+q:before, q:after {
+ content: '';
+}
+
+/* 统一上标和下标 */
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* 正常字体*/
+i {
+ font-style: normal
+}
+
+/* 让链接在 hover 状态下显示下划线 */
+a:hover {
+ /* text-decoration:underline; */
+}
+
+/* 默认不显示下划线，保持页面简洁 */
+ins, a {
+ text-decoration: none;
+}
+
+/* 清理浮动 */
+.fn-clear {
+ zoom: 1; /* for IE6 IE7 */
+ &:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+ }
+}
+
+/* 隐藏, 通常用来与 JS 配合 */
+body .fn-hide {
+ display: none;
+}
+
+/* 设置内联, 减少浮动带来的bug */
+body .fn-left, body .fn-right {
+ display: inline;
+}
+
+body .fn-left {
+ float: left;
+}
+
+body .fn-right {
+ float: right;
+}
\ No newline at end of file
diff --git a/src/components/Hello.vue b/src/components/Hello.vue
new file mode 100644
index 0000000..2d80539
--- /dev/null
+++ b/src/components/Hello.vue
@@ -0,0 +1,53 @@
+
+
+
{{ msg }}
+
Essential Links
+
+
Ecosystem
+
+