vue-cli官網(wǎng)
Vue-cli是Vue的腳手架工具——主要作用：目錄結(jié)構(gòu)、本地調(diào)試、代碼部署、熱加載、單元測(cè)試

Vue 提供了一個(gè)官方的 CLI/命令行工具，為單頁(yè)面應(yīng)用 (SPA) 快速搭建繁雜的腳手架。它為現(xiàn)代前端工作流提供了 batteries-included 的構(gòu)建設(shè)置。只需要幾分鐘的時(shí)間就可以運(yùn)行起來(lái)并帶有熱重載、保存時(shí) lint 校驗(yàn)，以及生產(chǎn)環(huán)境可用的構(gòu)建版本。更多詳情可查閱 Vue CLI 的文檔。
1201

# 全局安裝 vue-cli

$ npm install --global vue-cli

# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目

$ vue init webpack my-project

# 安裝依賴(lài)

$ cd my-project

$ npm install

$ npm run dev

搭建項(xiàng)目：

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

打包后文件路徑錯(cuò)亂
1，打開(kāi)build/webpack.prod.conf.js，

 output: {
    publicPath:'./',//復(fù)制這個(gè)
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },

2，打開(kāi)build/utils.js，

if (options.extract) {
    return ExtractTextPlugin.extract({
      use: loaders,
      fallback: 'vue-style-loader',
      publicPath:'../../', //復(fù)制這個(gè)
    })
  } else {
    return ['vue-style-loader'].concat(loaders)
  }