從零開始經過vue-cli搭建項目

1. npm i -g vue -cli 全局安裝vue-cli腳手架【按需安裝】
2. vue init webpack my-project 構建項目
3. cd my-project 打開項目目錄，到項目目錄路徑
4. npm install 能夠使用cnpm i 安裝依賴包
5. npm run dev 將本地項目跑起來

   接下來就是作一些配置項

package.json

webpack-dev-server 加上--open --hot  【--hot】參數能夠熱更新，而且咱們執行完run後直接在窗口打開【--open】

"scripts": {
    "dev": "webpack-dev-server --inline --hot --open --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

按照你的需求開始你的項目。
踩坑記:
坑一：

"vue": "^2.5.2",
 "vue-router": "^3.0.1"
 "webpack": "^3.6.0",

router/index.js

遇到報錯：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [{
      path: '/login',
      component: require('@/pages/login').default,
      meta: {
        title: '登陸'
      },
    }, {
      path: '/404',
      component: require('@/pages/404').default,
      meta: {
        title: '404'
      }
    }, { path: '*', redirect: '/404', hidden: true }
  ]
})

Failed to mount component: template or render function not defined.

解決方案 require路徑後加.default