A Nice Boilerplate Template for creating medium plus Vue.js projects.

For how to build medium-sized (+) VUE projects, provide some reference based on past experience.

Node.js (>=4.x, 6.x preferred), npm version 3+ and Git.

git clone https://github.com/nicejade/vue-boilerplate-template (your-project-name)
cd your-project-name
npm install (npm i / yarn)
npm start / npm run dev / yarn run dev

Go to http://localhost:8080/. If port 8080 is already in use on your machine you must change the port number in /config/index.js. Otherwise npm run dev will fail. Of course, you can temporarily replace the port using the following command:

PORT=8888 npm run dev

Additional supplement： You need to make sure that PORT is a command that can be executed on your machine .

npm run build

npm run build:dll

npm run analyz

• vue2
• vue-router
• vuex
• vue-i18n
• element-ui
• bootstrap
• axios
• lodash
• moment
• js-cookie
• vuex-persistedstate
• ... ...

Your backend can return the following format data， it's better .

{
  success: true,
  message: 'err message content',
  value: [
    // Useful data
  ]
}

At the front end, you can handle the request like this：

let params = {
  // Interface required parameters
}
this.isLoading = true
this.$apis.getProfile(params).then(result => {
  // Handle the correct data you received
  this.$message({
    message: result,
    type: 'success'
  })
}).catch(error => {
  this.$message.error(`Error: ${error}`)
}).fin(() => {
  this.isLoading = false
})

So considerate, Template has been helped to handle the request uniformly, so you can be so easy to use, of course, you can change your own as needed in the helper/ajax.js file .

• Example
• Blog
• Twitter
• Facebook
• Weibo

See the example in the boilerplate template.

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