vue-cli2.x安装创建，可见下文章

https://www.jianshu.com/p/72557a366a88

vue-cli3.x

之前项目运行遇vue报错，提示vue-cli，查阅资料发现，是之前项目vue-cli版本问题

解决：
1.更换安装地址
npm install npm -g
2.卸载之前vue-cli版本
npm uninstall -g vue-cli
3.安装新版本
npm install -g @vue/cli

ok,此刻问题处理完毕

but，vue-cli3.0后，创建，运行等语句也改变

4.创建项目
vue create 项目名（终端创建）
vue ui（可视化界面创建）

5.运行项目
vue run serve(此句，如用不习惯，可在package.json 更改换成2.x用的 vue run dev)

6.打包上传服务器
项目根目录下，创建vue.config.js文件
文件内容为：

module.exports = {
  // 项目部署的基础路径
  baseUrl: './',
  // 构建好的文件输出到哪里
  outputDir: 'dist',
  // where to put static assets (js/css/img/font/...)
  // 是否在保存时使用‘eslint-loader’进行检查
  // 有效值: true | false | 'error'
  // 当设置为‘error’时，检查出的错误会触发编译失败
  lintOnSave: true,
  // 使用带有浏览器内编译器的完整构建版本
  // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
  runtimeCompiler: false,
  // babel-loader默认会跳过`node_modules`依赖.
  // 通过这个选项可以显示转译一个依赖
  transpileDependencies: [
    /* string or regex */
  ],
  // 是否为生产环境构建生成sourceMap?
  productionSourceMap: false,
  // 调整内部的webpack配置.
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  chainWebpack: () => {},
  configureWebpack: () => {},
  // CSS 相关选项
  css: {
    // 将组件内部的css提取到一个单独的css文件（只用在生产环境）
    // 也可以是传递给 extract-text-webpack-plugin 的选项对象
    extract: true,
    // 允许生成 CSS source maps?
    sourceMap: false,
    // pass custom options to pre-processor loaders. e.g. to pass options to
    // sass-loader, use { sass: { ... } }
    loaderOptions: {},
    // Enable CSS modules for all css / pre-processor files.
    // This option does not affect *.vue files.
    modules: false
  },
  // use thread-loader for babel & TS in production build
  // enabled by default if the machine has more than 1 cores
  parallel: require('os').cpus().length > 1,
  // PWA 插件相关配置
  // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  pwa: {},
  // configure webpack-dev-server behavior
  // devServer: {
  //   open: process.platform === 'darwin',
  //   disableHostCheck: false,
  //   host: '0.0.0.0',
  //   port: 18000,
  //   https: false,
  //   hotOnly: false,
  //   // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxy
  //   proxy: null, // string | Object
  //   before: app => {}
  // },
  // 第三方插件配置
  pluginOptions: {
    // ...
  }
}

npm run build 打包

注意：baseUrl 为上传服务器的域名后路径