Vue -- 从vue-cli 到@vue/cli 安装

从vue-cli到@vue/cli再到vue-antd-admin

安装与创建

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

npm uninstall vue-cli -g 
# OR
yarn global remove vue-cli

2. 可以使用下列任一命令安装@vue/cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

3. 查看是否安装成功

vue --version

输出可能是这样：@vue/cli 4.5.11

4. 创建项目

npm create vue-admin-demo

运行

cd vue-admin-demo

npm run server

参考博客

开发前的配置

1. 相比vue-cli少了很多配置build、config这些配置文件不开放了

可以在根目录下创建一个vue.config.js文件存放配置
参考官方文档：https://cli.vuejs.org/zh/guide/webpack.html
参考官方文档：https://cli.vuejs.org/zh/config/#vue-config-js

// vue.config.js
module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
    }
  }
}

2. 模式和环境变量

.env.[mode]  # 只在指定的模式中被载入

一个环境文件只包含环境变量的“键=值”对：

.env.development
.env.staging
.env.production

3. 按需配置vue.config.js

开发配置

1. vue-router

2. Ant Design of Vue

npm i --save ant-design-vue

根据文档进行配置

3. 下载less less-loader

npm i less less-loader --save-dev

4. 下载vuex

npm i vuex --save

从0开始进行不下去了，还是直接用吧

Ant Design Vue
vue-antd-admin
vue-element-admin
ruoyi