如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它:

 npm uninstall vue-cli -g

 安装

 npm install -g @vue/cli // 安装cli3.x

 vue --version // 查询版本是否为3.x

 如果不想用cli3.x，cli3也能使用2.x模板，命令如下：

 npm install -g @vue/cli-init // 安装这个模块

 // 就可以使用2.x的模板：vue init webpack my-project

 3.x需要在Node.js8.9或更高版本(推荐8.11.0+),在使用前请检查下node的版本，命令如下:

 node -v

 如果你的版本不够，可以使用下面的命令行来把Node版本更新到最新的稳定版：

 npm install -g n // 安装模块 这个模块是专门用来管理node.js版本，或者使用yarn安装：yarn global add @vue/cli

 n stable // 更新你的node版本

 mac下如果提示你权限不够，执行：

 sudo n stable

 安装之后，记得查看版本号：查看版本（是否安装成功）：vue -V (大写的V)

 vue create hello-word

? Please pick a preset: Manually select features

? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)

>( ) TypeScript                                 // 支持使用 TypeScript 书写源码

 ( ) Progressive Web App (PWA) Support          // PWA 支持

 ( ) Router                                     // 支持 vue-router

 ( ) Vuex                                       // 支持 vuex

 ( ) CSS Pre-processors                         // 支持 CSS 预处理器。

 ( ) Linter / Formatter                         // 支持代码风格检查和格式化。

 ( ) Unit Testing                               // 支持单元测试。

 ( ) E2E Testing                                // 支持 E2E 测试。

 // 注意：你要集成什么就选就行了（注：空格键是选中与取消，A键是全选）

 // vue.config.js

 module.exports = {

   // 选项...

 }

 vue ui

 npm run serve // 不是之前的 npm run dev

在浏览器输入http://localhost:8080就可以看到vue的欢迎界面

 var env = process.env.NODE_ENV

 console.log(env)

 vue.config.js文件：

 // vue.config.js 配置说明

 // 这里只列一部分，具体配置惨考文档啊

 module.exports = {

     // baseUrl  type:{string} default:'/'

     // 将部署应用程序的基本URL

     // 将部署应用程序的基本URL。

     // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。

     // https://www.my-app.com/。如果应用程序部署在子路径上，则需要使用此选项指定子路径。例如，
　　　　//如果您的应用程序部署在https://www.foobar.com/my-app/，集baseUrl到'/my-app/'.

     baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',

     // outputDir: 在npm run build时 生成文件的目录 type:string, default:'dist'

     // outputDir: 'dist',

     // pages:{ type:Object,Default:undfind }

 /*

   构建多页面模式的应用程序.每个“页面”都应该有一个相应的JavaScript条目文件。该值应该是一

   个对象，其中键是条目的名称，而该值要么是指定其条目、模板和文件名的对象，要么是指定其条目

   的字符串，

   注意：请保证pages里配置的路径和文件名 在你的文档目录都存在 否则启动服务会报错的

 */

     // pages: {

         // index: {

             // entry for the page

             // entry: 'src/index/main.js',

             // the source template

             // template: 'public/index.html',

             // output as dist/index.html

             // filename: 'index.html'

         // },

         // when using the entry-only string format,

         // template is inferred to be `public/subpage.html`

         // and falls back to `public/index.html` if not found.

         // Output filename is inferred to be `subpage.html`.

         // subpage: 'src/subpage/main.js'

     // },

     //   lintOnSave：{ type:Boolean default:true } 问你是否使用eslint

     lintOnSave: true,

     // productionSourceMap：{ type:Bollean,default:true } 生产源映射

     // 如果您不需要生产时的源映射，那么将此设置为false可以加速生产构建

     productionSourceMap: false,

     // devServer:{type:Object} 3个属性host,port,https

     // 它支持webPack-dev-server的所有选项

     devServer: {

         port: 8085, // 端口号

         host: 'localhost',

         https: false, // https:{type:Boolean}

         open: true, //配置自动启动浏览器

         // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理

         proxy: {

             '/api': {

                 target: '<url>',

                 ws: true,

                 changeOrigin: true

             },

             '/foo': {

                 target: '<other_url>'

             }

         },  // 配置多个代理

     }

 }