vue-cli3快速开发

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Dj_Fairy/article/details/84229306

1、升级到vue-cli3版本

npm install -g @vue/cli

2、查看版本

vue --version
3.1.3

3、创建项目

vue create app

4、选择自己所需要的项目（空格选择）

5、根据选择选择自己需要的选项

6、配置别名，在vue.config.js下面配置

const webpack = require('webpack')
const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  chainWebpack(config) {
    config.resolve.alias
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
      .set('common', resolve('src/common'))
      .set('api', resolve('src/api'))

    config.plugin('context')
      .use(webpack.ContextReplacementPlugin,
        [/moment[/\\]locale$/, /zh-cn/])
  }
}

7、取消eslint验证

lintOnSave:false //取消eslint验证