安装

可以使用下列命令安装这个cli3新的包：

npm install -g @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确 (3.x)：

vue --version

Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。

创建一个项目

运行以下命令来创建一个新项目：

vue create vue-cli-pages

详情请阅读官方文档 https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

默认的文件目录

现在让我们来修改文件目录

1.添加vue.config.js

module.exports = {
  publicPath: './',
  // 输出文件目录
  outputDir: 'front',
  // 多页配置
  pages: {
    admin: {
      // 应用入口配置，相当于单页面应用的main.js，必需项
      entry: 'src/pages/admin/main.js',
      // 应用的模版，相当于单页面应用的public/index.html，可选项，省略时默认与模块名一致
      template: 'public/admin.html',
      // 编译后在dist目录的输出文件名，可选项，省略时默认与模块名一致
      filename: 'admin.html'
    },
    index: {
      entry: 'src/pages/index/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  // webpack-dev-server 相关配置
  devServer: {
    // 本地端口
    port: 9090,
    // 代理
    proxy: '',
    // eslint-loader警告配置
    overlay: {
      warnings: true,
      errors: true
    }
  },
  // webpack相关配置
  configureWebpack: {
    devtool: 'source-map'
  }

}