51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#vue
vue-cli打包后,图片路径不对
在config文件夹下的index.js里面,查找build,在builid方法里面,添加一行:assetsPublicPath:'./'例: 在build文件夹下的utils.js里面,查找options.extract,添加一行publicPath:'../../'例: ...
代码星球
·
2021-02-20
vue-cli
打包
图片
路径
不对
vue打包完样式冲突
在页面的<style>后,加上scoped,例:scoped是实现样式的私有化,使样式不容易被覆盖,不容易被修改,只对当前页面有效...
代码星球
·
2021-02-20
vue
打包
样式
冲突
webstorm如何调试vue项目的js
webstormvuewebstorm调试jsjs1.编辑调试配置,新建JavaScript调试配置,并设置要访问的url地址,如下图所示:在URL处填写示例:http://localhost:8080保存好调试配置2.先用dev正常启动项目,然后切换到刚才设置的js调试名称,点击debug按钮,这时候会打开chrom...
代码星球
·
2021-02-20
webstorm
如何
调试
vue
目的
Vue编写的todolist小例子
Vue编写的todolist小例子本篇博客主要包含一个内容:1.第一个内容:使用Vue编写todolist例子,包含的主要知识是v-model,v-for,el表达式,以及Vue中使用methods。闲话少叙,直奔主题。1.第一个内容使用input中的v-model绑定data中的inputValue,然后button...
代码星球
·
2021-02-20
Vue
写的
todolist
例子
vue 元素吸顶
我的比较简单,就单纯的导航元素吸顶,核心代码如下:.isFixed { position: fixed; background-color: #fff; top: 0px; width:&nb...
代码星球
·
2021-02-19
vue
元素
吸顶
vue 图片放大和缩小的方式
文档:https://www.npmjs.com/package/vue-directive-image-previewer 1、安装命令如下:npminstallvue-directive-image-previewer-D2、引入main.jsimport VueDirectiveI...
代码星球
·
2021-02-19
vue
图片
大和
小的
方式
vue 纯前端导出Excel
我用的是组件js-export-excel,是一个纯js导出excel的方式,下面介绍如何使用npminstalljs-export-exceloryarnaddjs-export-excelconstExportJsonExcel=require("js-export-excel");orimportExportJs...
代码星球
·
2021-02-19
vue
前端
导出
Excel
Vue 打包下载
1、通过文件的url下载arraybuffer对象2、将arraybuffer对象转为blob3、将blob压缩为zipcnpminstall--savefile-saverjszip或者npminstalljszipnpminstallfile-saver packdownload.js文件内容:impor...
代码星球
·
2021-02-19
Vue
打包
下载
Vue项目部署在IIS
发布vue项目,生成dist文件夹 打开iis服务器后选中【网站】后右击选【添加网站】,物理路径指向发布生成的dist文件夹到此项目就部署好了,点击右侧浏览即可打开网站 你以为部署完成就可以了,遇到的问题才刚开始 没错,开发环境下...
代码星球
·
2021-02-19
Vue
项目
部署
IIS
vue router 中 mode和base
mode:historylocalhost:8080/user/listmode:hashlocalhost:8080/#/user/list二、base默认值:“/”,应用的基路径。例如,如果整个单页应用服务在/app/下,然后base就应该设为“/app/”...
代码星球
·
2021-02-19
vue
router
mode
base
Vue中使用cdn加载资源
搭建vue的时候,一般都使用vue官方推荐的命令行工具。需要打包的时候,默认会把所有代码合并生产新文件,其中包括各种库,就会导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是...
代码星球
·
2021-02-19
Vue
使用
cdn
加载
资源
Vue项目基础框架介绍
一、vue项目结构图1、build目录是一些webpack的文件,包括运行开发环境,项目打包等配置文件2、config是vue项目的基本配置文件,webpack和node基础,开发、线上环境的配置3、dist是webpack打包后生成的静态文件目录4、node_modules是项目依赖的JS包5、src项目根目录,源码...
代码星球
·
2021-02-19
Vue
项目
基础
框架
介绍
无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
一、问题描述 创建Vue项目vueinitwebpackdemo提示“无法将“vue”项识别为cmdlet、函数、脚本文件或可运行程序的名称”二、解决方法1、首先确认是否安装了脚手架vue-cli,没有的话,先进行安装npminstallvue-cli-g2、使用命令npmconfiggetprefix获取相关目录&...
代码星球
·
2021-02-19
无法
vue
项识
别为
cmdlet
vue : 无法加载文件 C:UsersxxxAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本
使用命令npminstallvue-cli-g安装脚手架之后,创建Vue项目vueinitwebpackdemo提示“无法加载文件C:UsersxxxAppDataRoamingpmvue.ps1,因为在此系统上禁止运行脚本”二、解决方法 使用管理员权限打开Windowspowershell 执行命令:...
代码星球
·
2021-02-19
vue
无法
加载
文件
UsersxxxAppDataRoamingpmvue.ps1
VSCode搭建简单的Vue前端项目
开发之前,请先熟悉下面的4个文档vue.js,优秀的JS框架vue-router,vue.js配套路由vuex,vue.js应用状态管理库AntDesign,蚂蚁金服提供的组件库NodeJS(npm)VisualStudioCode(前端IDE)下载地址: 官网下载地址VisualStudioCode是一款非...
代码星球
·
2021-02-19
VSCode
搭建
简单
Vue
前端
首页
上一页
...
8
9
10
11
12
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他