vue-cli3.0脚手架使用

一、准备

1.首先看看自己的版本

2.不是3.xx就把它卸载

3.安装vue-cli3

4.很遗憾，由于npm服务器在国外，下载东西很慢，慢到失败。。。

由此我们可以使用它们cnpm来安装，输入 npm install -g cnpm -registry=https://registry.npm.taobao.org

5.查看是否安装成功

6.OK，再来安装vue-cli3，输入 cnpm install -g @vue/cli

6.安装成功，检测一下

 

二、建项目

1.vue create projectName

下面的问题是：是否使用淘宝镜像的方式代替npm安装这些项目，是

有点尴尬的地方是，我在government位置下创建的项目，于是

2.

 

3.模板创建完成，然后下载完成

 

4.直接运行？NO，在根目录下新建一个vue.config.js文件，进行配置，如

module.exports = {
  publicPath: '/', // 默认'/'，部署应用包时的基本 URL
  outputDir: 'dist', // 'dist', 生产环境构建文件的目录
  assetsDir: '', // 相对于outputDir的静态资源(js、css、img、fonts)目录
  lintOnSave: false,
  runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
  productionSourceMap: true, // 生产环境的 source map

  devServer: {
    port: 8080,
    proxy: {
      '/government': {
        target: 'http://http://192.168.3.109:8088/',
        changeOrigin: true,
        pathRewrite: {
          '^government': 'government'
        }
      }
    }
  }
}

5.然后再运行npm run serve即可