vue-cli-3有哪些功能

139 阅读1分钟

vue cli 3.x 很重要的一点就是,比以前的 vuew cli 2.x 多了一个图形化的界面,vue cli 升级到3.x版本,相当于从 linux 时代快到了windows时代,所有曾经在2.x版本中使用命令去安装的依赖和插件,在3.x版本下全部使用搜索下载安装的步骤,相当于给电脑安装软件的一个过程,更加易懂,在配置文件上也更简单,基本不会涉及到 config 文件的太多配置

添加插件

//  在vue cli 3.x 以前添加插件
npm install vuetify

// 在 vue cili 3.x 以后
vue add vuetify

设置全局环境变量

  1. 在项目根目录新增文件.env
  • 如果是开发环境,那么文件命名为: .env.development
  • 如果是生产环境。那么文件命名为: .env.production
  1. 添加变量内容,如:

VUE_APP_URL = www.1996f.cn (注意:VUE_APP_ 是固定的)

  1. 保存之后,重启项目
  2. 通过变量获取 process.env.VUE_APP_URL 即可获取内容

运行单个文件

  1. 实现安装必要插件

npm install -g @vue/cli-service-global

  1. 运行指定问 vue serve helloword.vue