VUE-CLI 3.0 如何创建项目

安装vue-cli 3.0

首先查看本机是否有安装 vue-cli，在终端中运行下面命令

vue --version

如果安装的不是 3.0 + ，先卸载当前 vue-cli

npm uninstall -g vue-cli

npm install -g @vue/cli

类 unix 用户，需加上 sudo

创建初始项目

在终端中，输入下面命令

vue ui

进入GUI中，创建项目。

或者，直接在终端中创建项目

vue create project-name

配置项目

在项目根目录新建一个 vue.config.js 文件就能使用自定义配置了

module.exports=
{
    baseUrl: //根路径
    outputDir： //输出路径
    assetsDir： //静态资源
    lintOnServer:false //是否开启eslint
    devSer：
    {
      open
      host
      port
      https  
      hotOnly
      proxy:{
        //跨域
        ‘/api’:{
          target:”http://api.localhost:80/api”
          ws:true,
          changeOrigin:true,
          pathRewrite:{
           ‘^/api’: ‘’
          }
       }
     }
   }
}

更多配置 看这里 。