使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码 // 在开头引入webpack，后面的plugins那里需要 var webpack = require(webpack) // resolvemodule.exports = {// 其他代码...resolve: {extensions: [, .js, .vue],fallback: [path.join(__dirname, ../node_modules)],alias: {src: path.resolve(__dirname, ../src),assets: path.resolve(__dirna...
vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 1、安装vue-cli 使用npm全局安装vue-cli（前提是已经安装了nodejs，否则连npm都用不了）$ npm install -g vue-cli2、创建自己的工作空间 $ vue init webpack vuetest3、项目信息 命令输入后，会进入安装阶段，需要用户输入一些信息 Project name (vuetest)项目名称，可以自己指定，也可直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry,...
在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图 这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了 creatIssue (type,list,id){this.modelIssue=true;this.modeltype=type;if(type==creat)...
这次给大家带来vue项目中如何映入noVNC远程桌面，vue项目中映入noVNC远程桌面的注意事项有哪些，下面就是实战案例，一起来看一下。1 、首先，先简单介绍一下概念。VNCServer 是一个为了满足分布式用户共享服务器资源，而在服务器开启的一项服务，对应的客户端软件有图形化客户端 VNCViewer，而 noVNC 则是 HTML5 VNC 客户端，它采用 HTML 5 WebSocket, Canvas 和 JavaScript 实现。noVNC 被普遍用在各大云计算、虚拟机控制面板中。...
这次给大家带来vue项目中如何使用ueditor，vue项目中使用ueditor的注意事项有哪些，下面就是实战案例，一起来看一下。以vue-cli生成的项目为例1.static文件夹下先放入ueditor文件2.index.html添加如下代码<script type="text/javascript" charset="utf-8" src="static/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="static/ueditor/ueditor.all.min.js"></script>3.webpack.base.con...
让我们先看下官网：https://www.echartsjs.com/zh/index.html点击实例，上图中可以看到各种可视化图表，选择其中一个图表：打开后左边是代码，右边是图表：app.title = 环形图; option = {tooltip: {trigger: item,formatter: "{a} <br/>{b}: {c} ({d}%)"},legend: {orient: vertical,x: left,data:[直接访问,邮件营销,联盟广告,视频广告,搜索引擎]},series: [{name:访问来源,type:pie,radius: [50%, 70%],avoidLabelOverlap: fals...
那么如何对这些方法进行封装呢？要会封装方法，最基本的得先了解 泛型 是什么，什么是泛型，博客园上有很多对这个的讲解，我也相信，科班的人对这个应该都有大概的了解，其次得了解 反射，当然，很多人会说反射会影响性能，但是在如今设备都是很好的情况下，反射影响的性能微乎其微吧~言归正传，说的再多不如实操，那么我们先新建数据库表的基类，并让数据库表类继承它，这样来约束泛型的类型只能是数据表对象，不能是其它类型，以...
前后端分离 众所周知现在开发都是前后端分离。其中用到的技术最火的无疑是后端选用Spring Boot，前端选用Vue技术，的SpringBoot+vue组合了！ 为什么前后端分离要用SpringBoot+vue？ 可能有人就会说了，不用SpringBoot+vue不行吗？答案是：当然也行！单独采用Spring Boot 开发项目常规的方式其实也很简单，无非还是采用原来Spring Mvc那一套，但很难完全的前后端分离，前端的同学要加页面需要找后端的同学给加。但是前端使用vue，那...
一、原项目package.json的sass信息部分:"node-sass": "^4.12.0","sass-loader": "^8.0.2",二、用dart-sass替换node-sass 移除原项目的node-sass模块，并用dart-sass替代；命令如下： yarn remove node-sass yarn add sass-loader sass -D 此时的package.json关于sass的信息 如下："sass": "^1.32.8","sass-loader": "^11.0.1",启动项目，报错如下： error in .vue?vue&type=style&index=0&lang=scss& Module build failed (from ....
客户需求，要求vue做一个桌面应用，很久没碰vue了，这里简单记录下。 我是用Hbulider X 创建的vue项目，electron打包vue项目为桌面应用。目录结构：打包之前需要简单创建几个vue界面，同时安装axios和router，让页面可以正常跑起来。 main.js import Vue from 'vue'; import App from './App.vue'; import VueRouter from 'vue-router'; import axios from 'axios'; import index from './components/index/index'; import login f...
1.去nw.js官网下载sdk包2.将vue项目打包,把打的包放到解压后的sdk包中3.在打的包里新家package.json文件4.拖动文件到程序试运行 将包拖动到nw.exe中看能否打开/或者将包压缩成zip之后再拖动5.打包成exe文件 先把包压缩成zip,将后缀名改成.nw再使用命令合并 >copy /b nw.exe+vue_tools.nw vue_tools.exe 生成exe文件可以双击打开6.上面打包之后只有本地可以访问,我们要将其打包成别人可以访问的exe,使用Enigma Virtual Box工具 htt...
文章目录 一、nvm安装与配置1.下载nvm2.确定已安装的node已经卸载，安装nvm3.验证nvm安装4.配置路径和淘宝镜像 二、安装node1.通过nvm安装node2.配置node环境变量3.设置nodejs prefix（全局）和cache（缓存）路径（非必须操作）4.设置环境变量中的系统变量 三、安装Vue及项目初始化1. 安装vue、vue-cli、webpack2. 初始化项目3. 安装工程依赖模块一、nvm安装与配置 1.下载nvm 选择nvm-setup.zip安装工具即可。下载地址 2.确定已安...
1.安装依赖npm install sockjs-client SockJS的一大好处在于提供了浏览器兼容性；Spring框架提供了基于SockJS协议的透明的回退选项；npm install stompjs 2.参考博客的使用 在vue中使用SockJS实现webSocket通信 https://juejin.cn/post/6844903664721592327 STOMP 客户端 API 整理 https://blog.csdn.net/jqsad/article/details/77745379
前情提要 在nw.js入门最如丝般润滑的教程一文中，作者介绍了简单的使用nw运行html文件为桌面程序以及将html文件打包为桌面可执行文件exe。 看vuecli创建的工程打包成exe文件可直接从【在vuecli创建的项目基础上增加nw插件无缝转化为桌面程序】目录开始。 本文主题 以上文运行和打包方式将vue项目打包为桌面可执行程序在vuecli创建的项目基础上增加nw插件无缝转化为桌面程序可在xp系统运行支持自动更新 将vue项目打包为桌面可执行程...
在执行npm install时出现no such file or directory node_modules\.staging\ 出现这个后，执行后续的npm run会报错，如：vue-typescript-admin-template@0.1.0 beta: vue-cli-service build --mode beta。 这个出现的原因是npm版本配置不一致导致，可以尝试重新安装npm。 操作： npm cache clean -f npm install -g npm完成后重新执行npm install发现成功