Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法，但是有时候又要用，所以放上我的引入设置，供大家参考。
在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置
vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。
Ant-design、Element 这些框架都有按需引入组件的功能。需要使用哪个组件，就引入哪个组件，这样那些没必要的组件就不会打包到我们的项目里了。跟着我下边的步骤，相信大家也能搭建出一个按需引入
市面上的前端框架中，Vue+Cesium 可谓是最佳搭档，一般做 Cesium B 端产品的公司都会使用 Vue，所以后续内容都将基于 Vue
背景 前段时间做了一个 COVID-19 的疫情数据每日邮箱推送平台(https://ncov.ouorz.com)，本着给自己用的小工具顺便练手的精神，尝试接触了一些新的关于 JavaScript 的技术栈。包括 Vue-Cli、Node.js、MongoDB 等，好不一番爽快的开发体验。顺便一提，这个疫情数据订阅平台我拿着去填写在了 Github Trending 爆火的 wuhan2020 项目(https://github.com/wuhan2020/wuhan2020)举办的「黑客马拉松」报名表里
安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version，看看是否打印出当前安装的vue-cli版本号，来验证它是否安装成功。
no-clean表示打包时不删除build文件夹（https://cli.vuejs.org/zh/config/#outputdir） 作用就是为了后边的按需打包，下表。
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
本脚手架并且适当简化了一些功能（删除了测试库） 并引入了外部mock和axios两个常用库可以灵活配置。 这里写一下说明文件和心得体会 配置功能 最基本的功能为webpack3+Vue2的基础上引入了外部组件库elementUI 其实也可以灵活修改为别的，css的支持仅引入了less和sass，相信这两者用的人也是最多的。还有一点是针对多页面也引入了vue-router, 也就是说这个多页面仓库也可以当单页面来搞起。 加入的axios库是本地业务所需，这个可以在生成脚手架时不选择，但这个作为Vue的推荐库，
1、利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。
在时不时遇到”似曾相识“的 UI 模块时，我们下意识的反应一定是”不然把它抽成一个组件吧“。Element-UI 就是这样想法的集大成者。
2、 修改build/webpack.base.conf.js文件，通过externals选项加载外部扩展，引入依赖库，不需要webpack处理
今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要
关于Element UI的按需引入请看这（也是坑）：https://www.misiai.com/articles/16.html
1、技术在迭代，有时候你为了生活没有办法，必须掌握一些新的技术，可能你不会或者没有时间造轮子，那么就先把利用轮子吧。
这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。 也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。
看了一下 uView 文档，使用 Vue CLI 创建了一个 uni-app 项目，因为 uView 有针对 Vue CLI 的空白项目包。
前言 想必绝大多数用 Vue 开发过项目的同学，或多或少会有以下两种情况： 用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来
因为我们项目就是在vue-cli3.x的基础上进行的一个能力的补充，新的脚手架生成的项目如何引入vant，简单的说一下。 项目相关： panda-vue-template 手把手搭建vue小商城2.0 1、安装 如果你是老的脚手架搭建的vue项目，如何引入使用vant可以看看这个-->有赞vant组件库的引入； 新的@vue/cli3.x脚手架引入vant也很简单，我们先安装一下： $ npm install vant --save 因为我们的项目中本来是使用sass来作为css的一个预编译器
一般多个项目使用一些公共组件的时候，我们没必要在每个项目里写公共组件代码，我们可以将公共组件封装成一个库，上传至npm，这样我们在项目中使用就可以直接从npm下载直接使用。当然我们也可以搭建自己本地的npm镜，而本文主要讲述上传npm。
相信对于学习前端的同学来说，SSR并不陌生。但很多时候我们只是知道或者使用过SSR，因此我们对这块知识很容易忘记。这篇文章带你手写一个SSR，相信写完后会对这块知识更加了解，记忆也会更加深刻。
真实项目开发过程中，我们都是使用组件化的去开发vue的项目，但是组件化的思想又是如何来的呢？下面就从开始讲解演变过程
vue init webpack prjectName 与 vue create projectName 有什么区别呢？
有过开发经验的同学都知道，为使代码层次结构清晰分明，对于一些通用或常用的方法，都会将其抽象成公共方法或配置供使用者调用。
1 能够说出Vue全家桶的各个组件(Vue-CLI、Vue-Router、Vuex、Axios)的概念、功能和使用场景
本文针对 babel 7.4.0+ ，处理方式仍然是寻找相应 Babel polyfill。
http1.1下面分割的chunk也不宜太多，因为在同一个域下面的资源并发下载的资源数量是有限的，比如chrome大约是6个资源同时下载，这6个资源中必须要有某个资源下载完毕后才会下载其他资源，但也不一定非要少于6个，因为某些资源可能直接读取内存，某些资源可以通过cdn从别的域中读取。
在开始之前需要了解一下开发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
webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后写个回调函数，让请求到的 js 文件做一些业务操作。
添加依赖 @babel/polyfill 此处我用的版本是 "@babel/polyfill": "^7.12.1"
Vue-Cli脚手架会有webpack的很多默认行为，因此我们得知道基于Vue-Cli的项目，当前的webpack都配置了啥，然后才能做针对性的分析与优化。
初始化项目 vue create vue-asgisn cd vue-asgisn npm run serve 一、 已经初始化项目后， 为了开发方便以及维护， 新增一些文件夹 - store
学习Vue的时候，各类教程都会告诉我们：Vue 的特点是SPA——Single Page Application（单页应用程序）。它有着诸如：“只有第一次会加载页面, 以后的每次页面切换，只需要进行组件替换；减少了请求体积，加快页面响应速度，降低了对服务器的压力” 等等优点。
一，使用Vue图形界面方式创建项目，打开控制台，输入vue ui 若想使用vue的UI界面来创建项目，需将vue升级到 3.0以上的版本。不然还是通过vue create 项目名 创建项目吧。 //下载vue最新版 npm i -g @vue/cli 或者 cnpm install -g @vue/cli //打开ui界面 vue ui 二，找到Vue 项目管理器，选择新建项目，选择需要创建的文件目录，输入项目名称（尽量小写）创建，这里预设选择的是Vue3。 三，选择安装
vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。
jQuery的使用非常方便，用 script 引入 js文件即可，然后找到DOM即可开始操作。 而 Vue3 也支持直接用 script 引入的方式，然后使用插值的方式绑定数据，我们来看一下使用方法：
用的是Django和VUE技术。 正常来说，vue并不支持DJANGO，它和DJANGO的冲突很多也很麻烦，甚至python2的话会有无解的问题出现。
在之前的一系列vue.js文章，我们都是用传统模式引用vue.js以及其他的js文件的，这在开发时会产生一些问题。
前几天，尤大开直播说了造轮子的好处，主要还是锻炼自己。所以自己还是义无反顾地把这个项目搭建工具慢慢地造起来。
1. Vue.js－是国内开发者尤雨溪开发的js框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，VueJS都有完整的解决方案。
Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为什么它会是核心呢？因为我们调用这个构造函数创建store 对象的时候，给它传递参数中包装了state, mutation , action 等核心内容。Vuex 的思想是 当我们在页面上点击一个按钮，它会处发(dispatch)一个action, action 随后会执行(commit)一个mutation, mutation 立即会改变state,state改变以后我们的页面会从state获取数据从而改变页面。Store对象包含了我们谈到的所有内容:action, state, mutation，所以是核心了。
(1) 首先 npm install jquery –save (–save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)
新建一个 client.js 脚本文件，将读取到的命令行参数写入 setting.js 文件：
前几天写了一个Vue的自定义右键菜单的npm库，主要讲了插件的设计思路以及具体的实现过程，插件的开发流程没有细讲。
从字面意思就可以看出初始化项目过程中，选第一行的话生成的vue项目就是带编译器的，选第二句的话就是不带编译器的，同时它们都是选择的运行时版本。
其实原本只是想写一些有关于 Package.json 相关的内容，但是最近在关于业务频繁迭代的 Npm 包版本管理方面做了一些尝试，积累了一部分心得，所以刚好也拿出来在文章的后半部分和大伙分享下。
准备阶段会将项目环境配置完毕,包含 node、 npm、 webpack和 vue-cli。已经完成的小伙伴可以跳过此步骤看第二阶段。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
