原文链接地址：https://www.jianshu.com/p/d3a14dfa87ff1、安装 Yarn - 代替 npm 命令（官网下载）下载链接：https://yarnpkg.com/en/docs/install#windows-stable2、配置 Yarn 走 Taobao 源 ：yarn config set registry https://registry.npm.taobao.org3、全局安装 vue-cliyarn global add vue-cli4、进入vue项目，进入到创建的项目根目录下cd XXX # 初始化项目 vue init webpack 项目名称5、安装依赖包yarnyarn 是 yarn install...
【首先安装node.js】： 1. 从node.js官网下载并安装node，安装过程很简单。 2. npm 版本需要大于 3.0，如果低于此版本需要升级它：# 查看版本 npm -v2.3.0#升级 npm cnpm install npm -g3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/） npm install -g cnpm --registry=https://registry.npm.taobao.org1完成之后，我们就可以用cnpm代替npm来安装依赖...
一、Jenkins配置：1、安装Publish Over SSH 和NodeJS(编译vue项目使用)插件： 如图所示，进入安装插件页面： 再安装nodejs插件： 点击安装即可。2、配置git用户凭证： 如上图所示，进入账号维护页面： 添加账号和密码，点击下边的保存：3、系统配置：配置Publish over SSH账号：拉倒最下边：配置完成记得保存。 4、全局工具配置： （1）git配置： （2）NodeJS配置： 配置完成记得保存。 二、创建部署项目：1、创建 item： ...
字体图标可以从阿里巴巴的矢量图标库里下载:https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1比方说我需要一个搜索图标，可以把其先添加到购物车 在项目里可以把添加过去的icon下载下来 下载下来的压缩包解压出来有这么多文件:其中有用的就这一些：打开VUE工程的\src\assets\styles目录（具体目录各个项目可能不同，总之放在和样式有关的下面就对啦）新建一个iconfont文件夹保存全部的字体图标,把...
场景：有时候我们在vue项目页面做了一些操作，需要刷新一下页面。解决的办法及遇到的问题：this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好用vue-router重新路由到当前页面，页面是不进行刷新的。location.reload()。这种也是一样，画面一闪，体验不是很好推荐解决方法：用provide / inject 组合原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并...
https://www.cnblogs.com/crazycode2/p/6535105.html原文：https://www.cnblogs.com/edensyd/p/9941099.html
问题背景：有时候一些列表会有一些跳转的需求，比如跳到详情页、或者是其他相关的页面（比如跳到用户列表去查看用户的相关信息）等，此时再返回列表页，列表页会刷新重置。目前需求就是需要改成如下情况： 问题1、列表 - 详情页，返回，不刷新重置； 问题2、再点其他菜单，再返回，需要刷新重置。 解决思路： 解决需求自然是想到vue的keep-alive去缓存组件，但是缓存组件有个不好的弊端，就是以后再进入页面也一直保持...
在Windows下cmd 下进入文件cd 文件路径；后回车无效，可以加/d，解决cd /d d: 原文：https://www.cnblogs.com/xjxq/p/12692297.html
1.跨域config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息：proxyTable: {‘/api‘: { // 匹配所有以 ‘/api‘开头的请求路径target: ‘http://localhost:4000‘, // 代理目标的基础路径 //表示允许跨域请求 4000端口下的数据changeOrigin: true, // 支持跨域pathRewrite: { // 重写路径: 去掉路径中开头的‘/api‘‘^/api‘: ‘‘}}}, //代理设置 原文：https://www.cnblogs.com/Hijacku/p/14813011.html
原文链接：https://www.cnblogs.com/yanxulan/p/8978732.html一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成...
手把手使用 Webpack 4 建立 VUE 项目安装 node.js略安装 cnpm略安装 webpackcnpm install webpack -g安装 vue-clicnpm install veu-cli -g初始化项目vue init webpack vuetest启动开发服务器cnpm run dev原文：https://www.cnblogs.com/F4NNIU/p/9528103.html
npm安装npm install --save chinese-lunar-calendar vue中用法 <div >{{nowTime}}</div><div ><div> {{nowDate}} </div><div>农历：{{getLunarDay.dateStr}}</div></div> <script> import { getLunar } from ‘chinese-lunar-calendar‘export default {data() {return {nowDate: "", // 当前日期nowTime: "", // 当前时间getLunarDay: ‘‘,// 当前农历时间year: new Date().getFullYear(),month: new Date().getMonth() + 1,d...
Vue 项目发布流程 linux版一、通过node创建 Web 服务器创建node项目，并安装express，通过express快速创建web服务器，并将vue打包生成dist文件夹，托管为静态资源主要代码如下：const express = require(‘express‘)//创建web服务器 const app = express()//托管静态资源 app.use(express.static(‘./dist‘))//启动web服务器 app.listen(80,()=>{console.log(‘web server running at http://127.0.0.1‘) }) 1）新建 发布文件夹...
背景：前端项目做了解耦后，在主项目（浏览器访问的页面）某个菜单下通过iframe加载子项目的页面，在子项目页面下点击某个链接并携带查询参数，通过window.top.PostMessage()函数向外（主项目）传递路由信息，使路由信息能够在外层项目（浏览器地址栏）能够同步展示内层页面的地址信息。问题描述：当内层项目向外传递路由信息，携带多个查询参数（如?a=1&b=2）时，如何拼接该参数呢？ant design vue项目通过路由访问对应菜单可以这...
报错截图如下 1.解决过程： 一开始只在vscode终端看到了最先面的报错信息，如下图： 看不出个所以然 网络搜索一番后，有如下类似问题的解决方案npm cache clean --force手动删除node-module文件夹npm inpm run dev 结果还是不行，着急之际，滚动了一下鼠标 看到了完整的报错信息 发现是端口号不对 把3000选中改成了3001 还是同样的报错 正无奈 发现原来是端口号跟 --hot之间少了一个空格。。。。。。。 鬼...