![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
朱古丽豆
一位前端开发人员
展开
-
Mac系统下vue脚手架的安装与使用
Mac系统下vue脚手架的安装与使用原创 2022-07-30 18:41:26 · 1096 阅读 · 1 评论 -
vue-cli脚手架新版和旧版的安装与使用
vue脚手架的旧版(1.X,2.X)的安装与创建,首先查看电脑是否安装node和npm,:1 安装命令:npm i vue-cli -g如果安装淘宝镜像的话可以使用cnpm2 安装并设置淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org安装成功之后,cnpm就可以替代npm3 创建项目windows+R 进入命令行创建项目之前确认node环境,安装好node之后默认安装了npm查看node和npm 是否安原创 2020-11-05 09:29:31 · 1829 阅读 · 0 评论 -
vue+elementUI实现点击表格中某一个单元格进行复制其内容
vue+elementUI实现点击表格中某一个单元格进行复制其内容在下面案例中复制的是链接这一列1.安装插件vue-clipboard2npm install vue-clipboard2 --save2.在main.js中引入import Vue from ‘vue’import VueClipboard from ‘vue-clipboard2’Vue.use( VueClipboard )3.在页面中使用在template中: <el-table-column label原创 2021-01-05 13:40:17 · 2662 阅读 · 0 评论 -
在vue中用elementUI构建后台管理系统遇到的有关图片的相关问题
一、使用elementUI构建后台管理系统如何上传一张图片和多张图片二、上传一张图片后如何关闭"+"这个按钮:首先,给el-upload加一个limit属性和一个class类名,limit限制上传图片的数量,class需要动态绑定类名,在data中定义一个变量uploadDisabled,默认为false,当上传一张图片的时候会触发on-change钩子函数的appChangeFile方法,该方法含有两个参数(file,fileList),fileList是在data中定义的一个用来存储图片的数组,在该原创 2020-12-29 16:17:23 · 409 阅读 · 0 评论 -
在vue新版脚手架中下载和使用jquery
1.在vue新版脚手架中下载jquerynpm i jquery --save2.在vue.config.js文件中加入以下代码:module.exports = { chainWebpack: config => { config.plugin('provide').use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jquery', 'windo原创 2020-12-29 15:02:40 · 1435 阅读 · 0 评论 -
新版脚手架运行项目后报错‘--fixed‘和在新版脚手架中关闭eslint
刚进公司接受别人的项目,然后接需求,在别人写好的项目上进行修改,最常见的错误就是 --fixed错误,其实就是在项目中用了eslint的原因,下面是对eslint的介绍以及如何在新版vue脚手架中关闭eslint.Eslint 是什么eslint就是代码规范的一个插件,比如规定单双引号,空格的不规范使用,形成一个统一的规范,如果bu规范的话,运行项目最常见的错误就是 --fixed在新版脚手架中关闭eslint:在vue.config.js文件夹加入以下代码,重启即可const webpack =原创 2020-12-29 14:56:07 · 261 阅读 · 1 评论 -
npm设置淘宝镜像
1.将npm设置为淘宝镜像:npm config set registry https://registry.npm.taobao.org2.查看淘宝镜像是否设置成功npm config get registry显示https://registry.npm.taobao.org/代表成功原创 2020-11-23 18:27:34 · 62 阅读 · 0 评论 -
查看vue,vue脚手架的版本和npm和node的版本
1.查看vue版本号:npm list vue2.查看vue脚手架的版本号:vue -V3.命令行返回上一级目录:cd…4.package.json文件中的dependencies和devDependencies的区别:dependencies:生产环境devDependencies:开发环境在做项目时,两者的差别并不大,在项目打包时,dependencies下的模块会作为依赖,一起被下载,也就是说dependencies依赖的包不仅开发环境能使用,生产环境也能使用;devDependencie原创 2020-11-09 14:26:19 · 12347 阅读 · 0 评论 -
运行vue项目的时候报一个js错误-instrument.js?d20a:109
刚进公司接手上一任前端的项目,从码云上下载好项目,开始跑起来之后点击某一个按钮,发现报了一个js错误,想了很久终于发现了这个错误的来源,首先来看下这个错误是什么点击这个文件会发现这个传参的时候报的参数错误,然后,,,其实,是在相对应的页面组件中的一个方法中,用console.error()打印了,所以才会出现上面那个js错误,将console.error注释即可。在此,特别鸣谢小朱同学辛勤找bug。...原创 2020-11-08 16:06:18 · 693 阅读 · 1 评论 -
vue-cli3中的配置环境.env.development和.envproduction
.env.development : 开发环境下的配置文件.env.production :生产环境下的配置文件关于文件中的内容:必须以VUE_APP_开头关于文件的加载:根据文件名进行加载执行npm run serve 会加载可能存在的 .env ,.env.development , .env.development.local 文件执行npm run build 会加载可能存在的 .env , .env.production , .env.production.local 文件注意:.e.原创 2020-11-06 09:46:55 · 2433 阅读 · 0 评论