市面上的前端框架中，Vue+Cesium 可谓是最佳搭档，一般做 Cesium B 端产品的公司都会使用 Vue，所以后续内容都将基于 Vue
安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version，看看是否打印出当前安装的vue-cli版本号，来验证它是否安装成功。
在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置
在时不时遇到”似曾相识“的 UI 模块时，我们下意识的反应一定是”不然把它抽成一个组件吧“。Element-UI 就是这样想法的集大成者。
有过开发经验的同学都知道，为使代码层次结构清晰分明，对于一些通用或常用的方法，都会将其抽象成公共方法或配置供使用者调用。
vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。
最后选择是否将配置项保存为预设，然后配置完成，开始生成项目. 进入项目 、启动项目
在开始之前需要了解一下开发vue插件的前置知识，推荐先看一下vue官网的插件介绍（https://cn.vuejs.org/v2/guide/plugins.html） 预览地址：http://haogewudi.me/kiko/index.html 源码地址：https://github.com/rascalHao/kiko 搭建项目 1.vue-cli将你的vue项目初始化建好 vue init webpack my-project 2.平常我们引入插件的流程是： 所以可以在node_modules
no-clean表示打包时不删除build文件夹（https://cli.vuejs.org/zh/config/#outputdir） 作用就是为了后边的按需打包，下表。
组件: 顾名思义, 也就是组成的部件, 即整体的组成部分 这个组成部分是可以缺少的,但是其存在的意义是无可替代的 这个组成部分也是可以复用的 全局方法一: 大致可以分成三步 1.在我们引入vue.js之后,Vue会被注册为一个全局对象,我们使用对象本身的方法进行组件的创建 ------使用Vue这个全局对象的component方法进行全局注册一个组件
Vue CLI 是一个基于 Vue.js 进行快速开发的标准工具 可通过@vue/cli 搭建交互式的项目脚手架 CLI @vue/cli 快速创建 Vue 项目 需要全局安装的 npm 包 CLI 服务@vue/cli-service 开发环境依赖 局部安装在 @vue/cli 创建的项目中的 npm 包 packsge.json 文件中找到对应的 script 命令 通过 npm 调用这些 script 命令 配置服务器或打包 CLI插件 提供可选功能的 npm 包 对项目的管理 package.js
通过全局方法Vue.use()使用插件，它需要你调用new Vue()启动应用之前完成
uView 官网: https://www.uviewui.com ，uView 是 uni-app 生态专用的 UI 框架
今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。
随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。
Ant-design、Element 这些框架都有按需引入组件的功能。需要使用哪个组件，就引入哪个组件，这样那些没必要的组件就不会打包到我们的项目里了。跟着我下边的步骤，相信大家也能搭建出一个按需引入
我们组三年前开发了一套NoCode平台命名为米鹿平台，旨在提升运营生产力，目前这个系统的用户数一直维持在一个相对较高的水准，并且有越来越多的新用户加入，所以对该平台开放的能力要求就变高了许多。经过多次会议后，我们要将这个平台改造一下，可以接受外部组件，任何业务方的开发人员都可以给我们平台提供自定义组件，这样可以进一步提升开发和运营效率，充分发挥这个平台的作用。由于即将接入我们平台的多个业务方已经拥抱Vue3，所以我们决定将米鹿平台升级到Vue3。
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。
ElementUI官网：另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。
项目开发使用了 iView 组件库，在开发过程中想自定义 iView 主题但是按照 iView 官方推荐「变量覆盖」方法配置完后会出现 CSS 样式重复载入的情况，如下图：
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法，但是有时候又要用，所以放上我的引入设置，供大家参考。
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。我们经常会自定义很多组件以满足我们不同的需求。
这句话我们可以理解为在js代码中定义一个混入对象，里面可以包含一个组件可以有的任何组件选项:data、method、watch、钩子函数等，使用的话，分为局部混入和全局混入。
Vue 是一个 Web 前端框架，是一个 用于构建用户界面的渐进式 JavaScript 框架。
npm install -g cnpm --registry=https://registry.npm.taobao.org
自总结完了上篇前端工程化的思想，并在vue全家桶的项目加以实践，趁热给大家总结一篇如何更有效率与质量地开发vue项目，以及其中踩过的一个个坑。。。 基于vue-cli的自定义模板（Custom Templates）
1、CLI# 全局安装 vue-cli npm install --global vue-cli# 创建一个基于 webpack 模板的新项目 vue init webpack my-project# 安装依赖，走你 cd my-project npm install
v-for：基于源数据多次渲染元素或模板块。 list指的是data数据中的list
基于服务器端JavaScript运行环境Node.js和包管理工具Npm，因此需要先安装 Node.js，cli3要求Node版本大于8.9
随着网页项目越来越复杂，许多异常报错很难在开发和测试阶段被发现，尽管你可能避开了语法等常规错误，但不可避免的是代码在运行时的错误你仍旧无法准确预料，假设现在有如下一段 Vue 代码，它在生命周期的 created 阶段异步请求并接收了错误的数据，可能就会导致页面渲染出现错误：
最近vue项目需要中英文切换，查了资料，发现大部分都是采用 vue-i18n，但是写的比较简单，大部分都是全局引入语言包，遇到的几个问题
不得不说CSS预处理器(Sass/Less/Stylus)极大的方便了前端研发攻城狮编写CSS样式，提供了变量定义、可嵌套的选择器、mixins混合书写、函数定义等诸多便捷的能力。
2、配置vuex全局 vuex的全局配置与上一节中vue-router的配置相似，抽象上我们有一个store文件夹，store文件夹下内容是实现，main.js中调用实现的内容。 我们看到import store from 'store/index' 代表引用store的index实现，在第12行中将store的实现作为参数赋值给Vue的全局配置进行使用，这样所有的页面都可以使用Vuex了。
简单地说快应用是国内的十大主流手机厂商比如小米、华为、ov 等联合推出的一种新型应用。无需安装，秒开，体验媲美原生。还提供了像原生应用一样的入口：应用商店，搜索页等。
Vue 作为最为广泛使用的前端开发框架之一，拥有许多的组件库，但他们通常提供较为基本的组件，应用到业务上往往还需要大量的封装。Avue，基于 element-ui / element-plus，提供了数据驱动视图的二次封装，目标是简化开发工作。 ◆ 简介 Avue，是 smallweigit 在 Gitee 上开源的基于 Vue 的前端开发框架，仓库位于 https://gitee.com/smallweigit/avue，目前提供了基于 Vue 2.x 的 v2.9.4 版本和基于 Vue 3.x 的
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本是一个快速构建 vue 项目的工具，通过他，我们可以将 vue 所需要的插件安装完成。vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。
(https://mp.weixin.qq.com/s/oCNcDHHw3ex8XB5-XmlbaA)
一般我们读取的时候 直接this,text就能得到"I,dog" 其实还可以这样写
bash 切换到桌面 运行 vue init webpack vue-demo 生成初始化vue项目
相对组件来说，Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的，能够完成许多 Vue 框架本身不具备的功能。
前面有专门的文字，讲过Vue指令，以及如何使用指令，今天就来讲讲如何添加全局指令，并且附上2个非常适用的例子。
vue init webpack prjectName 与 vue create projectName 有什么区别呢？
参数说明： -g：表示全局安装，将会安装在你配置的：C:\Users\XinLiu\nodejs\node_global目录下。如果不指定则为当前文件夹所在目录（局部）；
像惯常使用过的 axios、vue-router、vuex、element-ui、vant 等，这些都是插件。插件可以视为从外部引入的，封装好的，功能较为完备的功能性组件库。
这种方式不需要在main.js中配置flyio #项目目录结构（这里重点看http这个目录） 在安装成功flyio后，新建http目录（目录名字自定义）其中config.js为项目的请求配置，包括拦截器、baseURL等，my-api.js为数据请求接口，所有请求后台的接口都写在这里
问题：jenkins, travis等自动化构建工具已经比较成熟了，为什么还需要自研脚手架？
Vue-Cli脚手架会有webpack的很多默认行为，因此我们得知道基于Vue-Cli的项目，当前的webpack都配置了啥，然后才能做针对性的分析与优化。
vue.js是一套构建用户界面的渐进式框架 vue关注视图层，采用自底向上增量开发的设计
https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-CLI
vue-cli全局安装之后，提供了vue命令和vue init、vue list、vue build三个子命令，通过命令可以搭建基于vue.js的脚手架项目。本文简单介绍一下这些命令是如何实现的。 v
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
