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
设置全局环境变量
- 在项目根目录新增文件.env
- 如果是开发环境,那么文件命名为: .env.development
- 如果是生产环境。那么文件命名为: .env.production
- 添加变量内容,如:
VUE_APP_URL = www.1996f.cn (注意:VUE_APP_ 是固定的)
- 保存之后,重启项目
- 通过变量获取 process.env.VUE_APP_URL 即可获取内容
运行单个文件
- 实现安装必要插件
npm install -g @vue/cli-service-global
- 运行指定问 vue serve helloword.vue