一、准备工作：1.系统环境：win102.nvm安装版本：1.1.73.使用的nodejs的版本：14.15.4 、10.15.3 二、nvm是一个node的版本管理工具，安装步骤如下： 1.先卸载node环境（若有），进入控制面板找到 nodejs 卸载 2.下载nvm： 去官网（https://github.com/coreybutler/nvm-windows/releases）下载mvn-setup.zip安装包，解压，得到下图的.exe文件: 3.点击安装，按照以下操作进行

简单介绍 作为轮播图的首选插件，swiper无疑是这方面专注性最强的。 但是，在使用时，每次都会遇到一个很*疼的问题： 就是把官网里的示例拿过来，并不能跑的通，而且不同版本之间， 使用起来 差别还挺大。 作为和框架契合前的最稳定版本swiper@5.4.5， 它使用简单，配置方便，所以这个版本依然是项目中的首选。 之前写过一篇在vue中使用swiper，和react中基本一致，配置完全相同， https://blog.csdn.net/tuzi007a/articl

一、安装Node.js 官网下载Node.js https://nodejs.org/en/download/ 下载完成后，双击.msi文件，将默认安装路径按照喜好修改，其余的设置默认即可，不需要勾选安装的附加选项。 node -v 二、更新Node.js 1.以管理员身份运行命令提示符工具，查看npm版本号，如出现版本号，说明node.js安装成功。 npm -v 2.对npm进行更新 npm -g install npm 3.配置镜像站，加快组件下载速度。 npm co

最近在独立一个前端项目，就是将某部分的功能页面独立出来，使用的vue框架，项目搭好之后，启动老是给我报定义了变量未使用的错误，.eslintrc这东西虽然规范了代码，但是有些规范实在苛刻。所以有的规范还是需要自己配置下的。 然后就看网上的说在.eslintrc.js这个配置文件里加 no-unused-vars": 'off’ module.exports = { root: true, env: { node: true }, 'extends': [ 'pl

前言 在安装vscode+Nodejs并配置环境，完成基础环境搭建后，全局安装vue-cli脚手架。（具体可参考上一篇文章） vue-cli是一个脚手架工具，通过vue-cli可以快速构建一个vue项目，里面自带了webpack的各种配置，webpack打包工具，帮助构建大型项目的目录，最终也可将代码打包成线上可运行的项目。由于vue-cli版本的不同，vue项目初始化有两种方法： 1）vue init webpack 项目名: vue-cli2.x 版本的初始化方式，启动方式默认为

业务组件库必要性 项目经过长期维护之后往往会沉淀出很多公共组件，当一个组件编写完成之后，其他维护者想要使用这个组件，了解这个组件是做什么的，应该怎么用，必须再去翻看源码，或者没有压根儿注意到这个组件导致重发开发。这个时候一个完善的组件库就很有必要了，可以保障开发者之间进行良好的协作。 组件库可以帮我们解决以下问题： 业务组件跨项目复用，提升开发效率 统一代码实现，统一代码质量保障 组件库文档提供清晰的使用方式和直观的展示效果 组件库的组成 业务组件构成 业务组件

window系统 安装 nvm 详细步骤 一、准备工作：1.系统环境：win102.nvm安装版本：1.1.73.使用的nodejs的版本：14.15.4 、10.15.3 二、nvm是一个node的版本管理工具，安装步骤如下： 1.先卸载node环境（若有），进入控制面板找到 nodejs 卸载 2.下载nvm： 去官网（https://github.com/coreybutler/nvm-windows/releases）下载mvn-setup.zip安装包，解压，得到下图的.exe

一、前言 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 ​ Vue通过MVVM模式,能够实现

前言 跨域对于前后端开发来说是一个老生常谈的问题了。客户端与服务端通信时协议不同、域名不同、端口不同都会产生跨域问题。 值得一说的是跨域是源于浏览器的同源策略，也就是浏览器做了访问限制。而 XMLHttpRequest 请求和 Fetch API 都遵循同源策略。所以跨域也只发生在 XHR 请求和 Fetch请求。像 script 标签的 src 请求是不会产生跨域的，这也就是为什么 jsonp 可以解决跨域。 但是 jsonp 只能解决 get 请求的跨域问题。 大多数情况下，

前情提要：文章很长，基本是整个项目完整开发的流程。代码下载后可以直接运行，支付接口慎用，可能会有错误，其他功能都是完整的。 完整项目下载 关注一下公众号「代码行间」，回复「商城」可以获取代码～ 一、项目前端页面展示 二、项目整体目录结构 三、项目流程 1. vue快速创建基础项目 创建项目vue create hk-shop 选择需要的配置 创建基础文件夹目录 src文件夹下文件夹目录： ① views 文件夹存放界面 ② components 文件夹

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 主要介绍vue-devtools的安装与使用。 一、vue-devtools是什么？ vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。 二、vue-devtools安装 1.下载vue-devtools工具 进入GitHub官网进行下载，网址：https://github.com/vuejs/vue-devtools

一、安装Node环境 具体请参考：http://www.dinganan.cn/nodej安装和配置/ 二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli 2、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名 说明： Vue build ==> 打包方式，回车即可； Install vue-router ==> 是否要安