Nuxt.js 是一个基于 Vue.js 的通用应用框架，它通过预设的目录结构和文件命名规则，提供了一种约定大于配置的方式来创建 Vue.js 应用。Nuxt.js 可以帮助我们快速构建服务端渲染的应用程序，提高应用程序的性能和用户体验。本文将介绍 Nuxt.js 的基本概念和使用方法，并提供一些示例代码帮助您深入了解 Nuxt.js。
公众号原文链接：深入vue - 源码目录及构建过程分析 喜欢本文可以扫描下方二维码关注我的公众号 「前端小苑」
在这个教程中，我将向你展示如何将 Vue 的单页面应用和 Flask 后端连接起来。
H5 是 HTML 5 的缩写，也代表新浏览器技术和标准，例如一些先进浏览所支持的一些 HTML 5 标准 APIs
除了前面介绍的基本语法之外，Vue.js 还支持通过组件构建复杂的功能模块，组件可以称得上是 Vue.js 的灵魂，是 Vue.js 框架提供的最强大的功能之一。
在本教程中，我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。
对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。 第一招：化繁
Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念。
本文介绍了webpack+vue-cil配置接口地址代理以及将项目打包到子目录的方法，同时提供了相关配置的详细解释。通过配置代理，可以让开发环境使用相对地址调用API，避免跨域问题。同时，介绍了一种将打包文件放在任意子目录的方法，方便多项目部署。
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。 目前， mpvue 已经在美团点评多个实际业务项目中得到了验证，因此我们决定将其开源，希望更多技术同行一起开发，应用到更广泛的场景里去。项目的地址在： https://github.com/Meituan-Dianping/mpv
我们的课程是要解读 Vue.js 框架的源码，所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程，也就是 Vue.js 3.0 主要做了哪些优化。
在 Vue 框架中编写单元测试的基本流程和学院君之前在 Laravel 框架和 Go-Micro 微服务框架中编写单元测试时一模一样，只是使用的测试框架和语法有所区别罢了，Laravel 中我们使用的测试框架是 PHPUnit，Go-Micro 中我们使用的测试框架是 GoConvey，而在 Vue 框架中，我们将使用 Vue 生态的 Vue 测试套件并引入 Mocha 测试框架进行 BDD 风格的单元测试。
摘要总结：本篇文章主要介绍了在Vue2+VueRouter2+Webpack+Axios项目中如何打包项目图片等资源的处理。首先介绍了如何在vue文件中使用图片，然后介绍了在css文件中引用图片的处理方式，最后还介绍了字体图标、js文件等资源的引用方式。在开发模式中，要注意路径的相对性，以避免路径错误。通过在根目录打包项目，可以方便地引用各种资源，从而提高项目的开发效率。
周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T
本文主要介绍了如何将一个基于 Vue.js 的项目通过 Webpack 打包并发布到 Nginx 服务器上的详细步骤。包括配置 Nginx，安装和配置 Webpack，以及将项目发布到二级目录等步骤。
如今 Web 框架、CLI、脚手架工具层出不穷，为开发者们提供便利的同时，也衍生出了一些幸福的烦恼：尽管它们构建部署的流程大同小异，但记住那些琐碎细节着实有些麻烦。
在安装了Vue Devtools之后，在chrome浏览器开发模式下，打开vue面板，选择组件，然后就可以直接查看和修改data数据：
在上一篇文章中，我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构，大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编码部分，学习使用Vue的语法去编写小程序。
其实第一个版本已经很好了，不知足，后来自己又做了兼容markdown的，结果用来用去，发现不是自己想要的
在上一篇文章中，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉一下mpvue项目的主要目录和文件结构。
版权声明：本文为 FengCms FungLeo 原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/FungLeo/article/details/80841308
随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。
认知一个项目从认识目录开始！Vue 项目那逃不过认知最通用的 Vue CLI 目录结构。
在本教程中，我们将完成一个关于如何在 Node.js 中 使用 JavaScript ，并结合 JWT 认证，实现基于角色（role based）授权/访问的简单例子。
Nuxt.js 能够胜任 VuePress 的功能，但它专为构建应用程序而设计，而 VuePress 更适合构建以内容为中心的静态站点，如技术文档，博客等。
2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。
由于公司的前端开始转向 VueJS，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。
网站，现在可谓是司空见惯，就连本书作者也有个人网站（www.itdiffer.com），用以向读者提供所编写书籍的参考资料。那么，怎么制作网站？如果从理论上说，这是一个听起来、讲起来都比较复杂的事情。首先要全面了解有关计算机网络的有关知识（推荐阅读《计算机网络》，谢希仁编著，电子工业出版社出版），然后要能够运用多项技术，比如搭建服务器并部署有关程序、创建数据库、编写网站代码（还分前端和后端）、配置网站域名等，甚至还要考虑网站的并发量、安全性。所以，通常制作网站的项目，都是由若干个人组成一个团队协作完成。
接触微信小程序有一段时间的开发者或开发团队，我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架，尤其是一些做过Web开发的开发者，受到现如今Web主流开发框架如Angular，React，Vue等的核心思想的影响，对数据/状态管理、组件化、跨平台等都有较高的追求。
process.argv的用法是第一个是node文件， 第二个是脚本文件， 第三个是参数
html文件中，通过script src = 'xxx'标签引入js文件。 而vue中，通过import xxx from xxx路径 的方式导入文件，不光可以导入js文件。 “xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。 “xxx路径”指的是文件的相对路径.
npm install -g cnpm --registry=http://registry.npm.taobao.org
包括把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能 编译的工作可以在构建时做（借助 webpack、vue-loader 等辅助插件）；也可以在运行时做，使用包含构建功能的 Vue.js。显然，编译是一项耗性能的工作，所以更推荐前者——离线编译
因为在Vite中不能使用webpack的require.context()方式来读取文件所以之前使用webpack注册全局组件的方式就不能使用了。 Webpack注册全局组件的方式 import Vue from 'vue' const requireComponent = require.context( // 其组件目录的相对路径 './', // 是否查询其子目录 false, // 匹配基础组件文件名的正则表达式 /[A-Z]\w+\.(vue|js)$/, ) 获取组
compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能。
之所以选择v2.6.11是因为当前项目（腾讯云医）使用uniapp框架（v2.0.1-32920211122003）进行微信小程序开发，uniapp框架提供的vue运行时就是基于v2.6.11进行改造的。
1.compiler 目录包含Vue.js 所有编译相关的代码。它包括把所有模板解析成ast 语法树， ast 语法树优化等功能。
docsify 是一个动态生成文档网站的工具，可以将.md 文件以 wiki 的形式展示给读者，可以用于制作技术文档、用户手册、wiki 等，快速以网站形式构建、发布软件的API手册或用户说明文档，方便用户使用你的软件，达到快速传播作用。可以部署于主机、VPS、Github、静态云存储（例如阿里云 OSS）。
第一种： IP+端口直接访问的方式，如 http://192.168.1.107:8080/ 第二种：IP+端口+项目名，如 http://192.168.1.107:8080/saas/
Mocha（发音"摩卡"）诞生于2011年，是现在最流行的JavaScript测试框架之一，在浏览器和Node环境都可以使用。 所谓"测试框架"，就是运行测试的工具。通过它，可以为JavaScript
Vue.js兼容性 Vue.js.js 不支持 IE8 及其以下版本，因为 Vue.js.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js.js 支持所有兼容 ECMAScript 5 的浏览器。 Vue.js安装 安装方式有两种： 1、直接下载用script标签引入（推荐引入开发版本，压缩版本会失去错误提示和警告） 2、使用cdn方法引入 3、npm安装 npm安装的前提需要安装了nodejs，这里推荐nvm安装nodejs 附上一小段nvm使用的命令： $ nvm
使用：const files = require.context(directory, useSubdirectories, regExp)
前言 项目中有许多通用的组件，为了避免在每个组件都引入一个长列表，可在入口函数注册基础组件 准备 安装 lodash 库 npm i lodash --save 入口文件 import Vue from 'vue' import { camelCase, upperFirst } from 'lodash/string' const requireComponent = require.context( // 组件目录的相对路径 './components', // 是否查询其子目录
在创建node.js项目如一个vue项目，或一个react项目时，项目都会生成一个描述文件package.json 。
问题：jenkins，travis 等自动化构建工具已经很成熟了，为什么还要自研脚手架？
我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，让人十分恶心。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
