前段时间，美团开源了mpvue这个项目，使得我们又多了一种用来开发小程序的框架选项。由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由于受限于小程序环境本身的原因而不能使用），这给使用过Vue开发Web应用的前端开发者提供了极低的切换门槛来开发小程序。
目前我这边的web页面，都是采用php+smarty模板生成的，是一种比较早期的开发模式。好处是没有现阶段常用的前后端分离出现的首屏问题，因为其本身就是服务器渲染，坏处是代码分离不好做，公用化及组件化不好做。这里涉及前后端分离相关问题，老生常谈，这里暂不讨论。
尤雨溪说Vite很快，我一开始是不相信的。直到我亲自使用过后，我被Vite的速度震惊到了。
我们后端用SpringBoot 框架已经搭建的差不多了之前，既然我们最初的梦想是做先后端分离的架手架，终于也开始学习一下前端的框架了。自己也算是前端小白，所以将自己学习vue 的过程记录系列博客。希望对学习vue 的小伙伴有帮助，如果文章中有不对的，希望大家及时提出一起探讨。
如果仍然需要使用vue init webpack初始化项目的话，则需要安装cli-init，但是拉取的仍然是Vue-Cli2.0版本
最近一段时间在学习vuejs和element-ui、iview-ui这些前端知识，在创建vuejs项目时发现有几种不同的方法：
But，国庆长假过后，即将迎来新的一轮跳槽季，土叔来说说前端从业人员跳槽到新公司之后，如何才能站稳脚跟。
Vue、React、Angular，当今前端界的三驾马车，作为传统的后端程序员，前端再也不是我们想的那种切切图就可以了，第一次接触的话，先了解了解一些基础的概念。
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安装node软件包，根据你的系统版本选择下载安装就可以了
2020年太难了，终于等到元旦能放假休息几天，闲着没事逛微博，然后，收到了来自米国的礼物：Vite2.0；
下面有个高赞回答：「想要尊重，题主就得去那些会被前端决定生死的公司。你可以找找什么软件一旦变丑或者操作渲染出bug就会导致客户退钱，然后就去那干。」
是的，官方暂未有文档表明已经支持Vite。接下来我会从Vite聊起，然后一步步解析如何去解决在qiankun微前端体系中集成基于Vite构建的子应用.
Nuxt 是基于 nodejs + vue 写的，服务器端渲染 框架（SSR） 安装 安装node.js 设置node使用淘宝镜像 npm install -g nrm nrm use taobao 使用 npm 安装 vue-cli npm install -g vue-cli 安装nuxt项目 vue init nuxt-community/starter-template 项目名称 如果 vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装。
Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡
在Vue项目中.env文件里定义的环境变量，在 vue 工程中读取出来是 undefined值？
Vue.js是一套构建用户界面的UI框架，它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。
webpack4在2月底的时候发布，这次webpack4有了一个名字"Legato"，也就是"连奏"的意思，寓意webpack在不断进化，而且是无缝(no-gaps)的进化。webpack的进化点是通过捐赠者和用户投票来决定的，之前在介绍webpack3的时候，曾给出过投票数在前几名的优化点，集中在用户体验、构建性能（速度和产出大小）、通用和适配性（es module、typescript、web assemble）等。webpack4发布了，下面将结合文档和实践，验证一下webpack是否兑现了当初的诺
所以，学习webpack可以帮助开发者更好的进行基于javascript语言的开发工作。
前端模块化开发模式已成主流，但随着前端项目规模的不断扩大，开发者可能会遇到以下一些问题：
vscode中使用nodejs launch调试+chrome launch调试vue，配置如下
最近，新产品很多种子用户反馈，希望能够出PC版本或者网页版，在与产品同学沟通后，决定先出网页版，后期有时间以网页版为雏形，包装成PC版。
此文章介绍vue-cli脚手架config目录下index.js配置文件 此配置文件是用来定义开发环境和生产环境中所需要的参数 关于注释 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查 3.上代码 // see http://vuejs-templates.github.io/webpack for documentation. // path是node.js的路径模块，用来处理路径统一的问题 var path = require('path') module
借助webpack，在开发模式下我们可以使用热重载、路由重定向、代理服务器等功能，而source-map更是准确定位代码错误的利器。
首先安装一些必要的工具，由于npm的源都是在国外的地址，所以安装会比较慢，可以使用淘宝的国内镜像地址。 1，安装淘宝镜像的命令为：
service worker 介绍：https://segmentfault.com/a/1190000016028780
小程序是一种运行在移动端的应用形式，它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口，这对于前端开发者来说可能会有一定的学习成本和限制。
记录下如何对uni-app项目进行多环境打包部署改造 # 环境区分 官方文档说明： 开发环境和生产环境 uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。 在HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境 # 解决方案 使用基于vue-cli命令行方式创建项目 添加必要的环境变量， VUE_APP_ 起始，例如 VUE_APP_BASE_API 即在
Vue目前的的开发模式主要有两种： 1.直接页面级的开发，script直接引入Vue 2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了
因为之前所在的公司开发模式前后端没有分离，所以在实际的开发中，基本上没有遇到跨域请求的问题，也没有注意相关问题。
导语 随着Web前端技术快速发展，前端开发模式先后经历了静态黄页时期、服务器组装动态网页数据时期、后端为主的MVC模式时期、前后端分离时期、纯前端MV直出、前端Virtual Dom、MNV前后端同构
这是一个新开的’实验性’文章系列，如其名‘技术地图’，这个系列计划剖析一些前端开源项目，可能会探讨这些项目的设计和组织、整理他们使用到技术栈。 首先拿vue-cli小试牛刀，再决定后续要不要继续这个系列.
一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，Github仓库 安装 Node.js 首先需要安装node环境，可以直接到node官网下载安装包,安装完成后，可以命令行工具中输入 node -v 查看是否成功,不成功清除npm缓存npm cache clean重新安装. 推荐使用国内淘宝镜像安装(cnpm)npm install -g cnpm --registry=https://registry.npm.
因为一些 npm 的包安装需要编译的环境,mac 和 linux 都还好,大多都齐全 window 用户依赖 visual studio 的一些库和python 2+, windows的小伙伴都装上: windows-build-tools python 2.x
最近同事突发好奇问了一个问题：React 会不会被 Vue 取代？听到这个问题，其实大脑有飞速运转想了一下，但我认为：目前 React 和 Vue 都保持着自己的独特地位，并没有明显的一个取代另一个的趋势，所以很难相互取代。
1 能够说出Vue全家桶的各个组件(Vue-CLI、Vue-Router、Vuex、Axios)的概念、功能和使用场景
1. Vue.js－是国内开发者尤雨溪开发的js框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，VueJS都有完整的解决方案。
文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!
vue-cli 都到 3.0.3 了，所以是时候玩转一下 vue-cli 3 的新特性了。
项目中涉及使用了 vue-cli 3x脚手架、自动化部署工具jenkins、nginx等。
前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。所以，越发体验到，当必要有计划的去做，去写，去玩，去嗨，利用好这荷尔蒙分泌还算旺盛的时光，去厚积去博取，去发现去折腾；让自己的生命不在仅是工作与惆怅，还有时间分与“诗和远方”。不用分析，就知道这该如何去做，高效去完成工作，然后去学着优雅地生而活。目前犹身为前端开发者，且在使用 Vue，那么就有了此文；这不仅是纪录或分享，也是在漫漫之路上下求索，更希望能探讨和指点，以资见识，提升其效。
上一篇文章《前端开发3年了，竟然不知道什么是 Vue 脚手架？（上）》介绍了什么是脚手架，以及Vue-cli 2.x如何创建项目，创建的项目结构。这篇文章介绍 Vue-cli 3.x 如何构建项目？
vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化项目的过程。 中文官网：https://cli.vuejs.org/zh/
今天我非常兴奋的宣布正式发布 Vue.js 2.0：Ghost in the Shell。历经 8 个 alpha 版本、8 个 beta 版本和 8 个 rc 版本 (矮油好巧！)，Vue.js 2.0 已经为生产环境准备好了！我们的官方教程 vuejs.org/guide 也已经全面更新。 2.0 的工作自今年 4 月启动以来，核心团队为 API 设计、bugfix、文档、类型声明做出了很重要的贡献，社区中的同学们也反馈了很多有价值的 API 建议——在此为每一位参与者致以大大的感谢！ 2.0 有哪些
前端大佬尤雨溪在知乎上回答这样一个问题, 随着vite2.0的发布,直接引爆前端圈。
最后选择是否将配置项保存为预设，然后配置完成，开始生成项目. 进入项目 、启动项目
本文主要讲解了如何利用 Vue.js 以及 Element UI 实现一个搜索框，并介绍了如何实现搜索后根据匹配到的结果展示对应的内容。同时，也介绍了一些用于富文本编辑的常用插件和工具，如 codemirror、ueditor 和 draft.js。此外，还介绍了一款用于代码编辑器的插件，即 vscode-icons。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
