基于vue-cli4构建的web app

烈酒焚心 提交于 2019-12-25 12:14:31

基于vue-cli4构建的图表类web app

写在前面

vue-cli3 开始,vue-cli 脚手架工具有了一个很大跨越,带来了全新的开发体验,和简约的配置方案,甚至有了可视化的界面操作,这一波真是,天秀!
在这里插入图片描述
具体到细节,主要有以下几点体验升级:
1、创建一个项目

  • vue create hello-world
  • UI 界面操作 vue ui

2、创建项目时的配置选项,可以保存为 preset 文件。

  • 被保存的 preset 将会存在用户的 home 目录下一个名为 .vuercJSON 文件里。如果你想要修改被保存的 preset 选项,可以编辑这个文件。
  • 在项目创建的过程中,你也会被提示选择 preset

3、插件
vue-cli 使用了一套基于插件的架构,这与老的 vue-cli 有着很大的区别

老版本的vue-cli要想在项目结构,webpack 配置,第三方功能/插件引入上,有所改变的话,没有别的办法,只能自己动手;
新版本vue-cli就不一样了,你可以自己写插件,DIY各种功能,也能搜索别人的插件来使用,真的是丝滑了很多。

4、webpack配置
引入了 webpack-chain,我们可以使用链式的 api 来修改 webpack 配置。

5、环境变量和模式
默认有一个 vue.config.js 配置文件, 抽离之前的 config 文件夹中配置文件,并引入了模式这个概念。

我立马决定尝试一波~

项目介绍

map-chart 是一个移动端web app,

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!