1、安装node.js（https://nodejs.org/en/），将安装目录配置到环境变量PATH；2、检查安装情况： 2.1）node -v 2.2）npm -v3、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 可以使用cnpm替代npm4、安装vue-cli：cnpm install -g vue-cli5、创建项目 5.1）进入工程目录：vue init webpack 工程名 5.2）根据提示输入相关信息6、启动项目 6.1）进入工程目录，安装项目的依赖：...
项目中图片都放在src/img文件夹，img和background-image引用都用相对路径，即../../这种形式 在打包build的设置路径assetsPublicPath: ‘./‘，然后那些没有转成base64的背景图都失效了，，路径。处理方法： 使用require引入图片img标签 <img :src="require(‘assets/img/header/search.png‘)">背景图 <div :style="{backgroundImage:‘url(‘+require(‘assets/img/common/bg.png‘)+‘)‘}"></div> 原文：http://www.cnblogs...
一，NetCore后台接口部署1，在后台发布包中找到“appsettings.json”文件并用记事本打开，根据当前要连接的数据库类型启用相应的数据库类型配置（启用“oracleAMSContext”还是“mysqlAMSContext”），并修改相应的数据库连接串信息；2，IIS建立相应的后台项目网站，地址指向发布文件夹，记住所配置的地址IP和端口号等信息（后续部署前台需要用到）；3，修改后台对应的应用程序池，.NetCLR设置为：“无托管代码”，托管管道模式设置...
一.环境搭建1.安装node官网下载node.js, https://nodejs.org/en/download/ 2.安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue项目脚手架cnpm install -g @vue/cli4.在2或3终端安装失败时，可以清空 npm缓存 再重复执行失败的步骤npm cache clean --force二、项目的创建1.在cmd运行下进入想要创建项目的文件下>: cd ***2.创建项目vue create 项目名3.项目初始化1.选择第二个选项Manually，手动...
本文首发于：https://www.hoscen.cn/blog/hao/articles/189764486901530624.html作者：小郝不负流年更多相关文章请访问 www.hoscen.cn------前言：大部分前端开发Vue用的工具是vscode 或webstorm ， 但是作为后端开发习惯了使用idea， 当然开发Vue也要用idea啦。前面已经讲到了《Vue入门篇：（一）环境搭建、项目创建、项目运行、项目打包》， 接下来就讲在idea开发vue项目的环境配置。配置过程：1、打开Setting > Plugins ， 搜索...
用ts开发项目变化还是挺大的由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下declare module ‘*.vue‘ {import Vue from ‘vue‘;export default Vue; } 1，单文件组件导出对象写法变了原来直接export default {}现在导出也是一个对象，这个对象的写法完全变了，它不是es6的的写法，不是类似react那种写法而是ts的写法，准备的说更像强类型语言写法，很...
最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。 根据广大的网页的思路，导致这一现象的原因可能有以下几种：原因一.引用文件的位置不正确js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.static用来放没有npm包的第三方插件，字体文件。 ...
自己搭建的Vue项目，没有使用vue-cli，引入elementUI时，使用的是webpack直接打包工具，发现字体图标丢失你记录一下解决办法：webpack module配置：(build目录下webpack.base.conf.js文件){test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: ‘url-loader‘,options: {limit: 10000,name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)} }webpack 的utils.js 修改：（build目录下utils.js文件）if (options.extract) {return ...
前言 在快速开发框架-前端篇中少了一个章节，就是关于vue工程的一键发布脚本设计和实现。本文就在此展开，并部署到k8s环境中。传统部署方式与k8s部署区别 在没有使用k8s之前的前后端分离项目部署，一般是依托于宿主机上的nginx。前端静态资源走nginx,后端接口会使用nginx做代理。而此时，nginx是提前安装的，所以一键脚本并不会考虑nginx的安装与运行，只会将打包好静态资源放在指定目录。使用k8s之后，一键脚本会有的区别，除了打...
本篇文章主要介绍了vue项目优化之通过keep-alive数据缓存的方法，内容挺不错的，现在分享给大家，也给大家做个参考。<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。prop:include: 字符串或正则表达式。...
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。通过vue提供的keep-alive减...
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页一句话总结一下： pageAList->pageADetail->pageAList, 缓存pageAList, 同时该视频的收藏状态如果发生变化需要更新，...
最近开发的微信公众号项目中(项目采用Vue + Vux 构建，站点部署在IIS8.5上)，遇到个非常奇葩的问题，发布站点内容后，通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js，因为我们每次发布会将之前的版本放至另外的备份目录)，但关闭网页再次去打开又是正常的。最初开发内部测试时该问题没有引起关注，因为开发人员大部分都是android的手机，后来测试发现，某些...
跟传统的页面可以在每个页面分别设置填写对应的页面title,but,vue是单页面应用项目,想设置页面对应的title就不能跟传统方式一样了。下载npm install vue-wechat-title --save 在mian.js中引入//设置title import VueWechatTitle from vue-wechat-title Vue.use(VueWechatTitle) 在router的index.js的路由中加上参数 {path: /login,component: Login,meta: {title: 登录}} 如果是公共组件，在跳转时根据条件来动态设置title，可以在...
写在前面一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状态继续操作。但是有些使用场景，用户又是希望能够获取最新的数据，例如同级列表页之间切换的时候。如此，针对上述两种使用场景，需要实现按需读取页面缓存。由于SPA应用的路由逻辑也是在前端实现的，因此可以在前端对路由的逻辑进行设置以实现所需效果...