![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端插件安装和使用
前端插件安装和使用
公孙元二
如果你看到这句话,幸运值+1
展开
-
如何在vscode使用 Copilot、Sign in to access the GitHub Copilot technical preview.
1、 Copilot申请方法使用浏览器打开如下链接:https://copilot.github.com/2、点击Sign up ,登录你的GitHub账号。3、点击Join Waitlist,加入候补名单。4、接下来就需要等待GitHub Copilot的工作人员通过你的申请。5、申请通过后你GitHub绑定的邮箱会收到一封邮件,其中包含如何安装使用的说明。你也可以在相应Ide的插件中心直接下载。目前支持Visual Studio Code、Visual Studio、JetBrains全系原创 2022-05-05 08:56:19 · 8876 阅读 · 1 评论 -
pdf.js出现bug:Warning: Invalid stream: “FormatError: Bad FCHECK in flate stream: 120, 239“
从接口拿到的文件流:1.响应头:2.请求头:原因:接收到文件流后,格式不对导致pdf.js无法流量。解决方案:收到文件流后,使用响应的数据创建一个 blob,然后使用该 blob 创建一个 url。 const blob = new Blob([data], {type: 'application/pdf'})// data为文件流数据 let url = window.URL.createObjectURL(blob)我的代码案例:src/utils/request.jsi原创 2022-04-26 13:57:38 · 3865 阅读 · 0 评论 -
vscode正则匹配替换console.log(.*)
开启正则匹配使用正则表达式console.log(.*)匹配所有console.log内容,再使用空白替换全部转载 2022-02-14 17:43:41 · 517 阅读 · 0 评论 -
vue项目使用xgplayer西瓜视频播放器
<template> <div id="app"> 11111 <div id="vs"></div> </div></template><script>// import HelloWorld from './components/HelloWorld.vue'import Player from 'xgplayer';export default { name: 'App',原创 2021-11-02 13:56:10 · 5347 阅读 · 1 评论 -
vue项目实现展示json树结构
效果:将string类型的json字符串,以json格式展示利用vue-json-viewer插件,利用这个插件,可方便快速实现 高亮,JSON折叠,copy 三种功能 !!!官网地址:https://www.npmjs.com/package/vue-json-viewer安装vue-json-viewer插件基于npm的安装:npm install vue-json-viewer --save使用在main.js写:import Vue from 'vue'import Json原创 2021-09-10 14:02:41 · 861 阅读 · 0 评论 -
vue项目上线打包移除console.log
开发阶段,我们会编写大量的 console 语句用于测试使用 build 命令打包时,会作为警告提出,因为上线之后,这些 console 语句是没有任何作用的,所以警告你应该移除挨个文件手动删除的方法,会有两个问题耗时耗力代码中其实还是需要console的,只是打包后,希望生成的文件中不包含而已babel-plugin-transform-remove-console比较流行的解决办法是使用 babel 的一个插件,因为webpack 打包时会使用 babel 进行代码降级,所以babel 插转载 2021-09-02 16:13:18 · 1177 阅读 · 0 评论 -
qs库的使用
qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串,或者反过来将一个查询字符串解析成一个object,而且支持复杂的嵌套。它上手很容易:parse和stringifyQs.parse('x[]=1') // {x: ['1']}Qs.stringify({x: [1]}) // x%5B0%5D=1qs的两个方法都接受一个可选的第二参数,可以让我们对结果进行配置,个人觉得比较有用的有以下几个:ignoreQueryPrefix和addQueryPref.原创 2021-08-26 16:43:03 · 2333 阅读 · 0 评论 -
在vue3项目中全局使用axios(非vue-cli3.x)
1.安装npm install axios2.在main.js引入及全局使用import { createApp } from 'vue'import router from './router'import App from './App.vue'import axios from 'axios';const app = createApp(App) // 创建实例app.config.globalProperties.$axios=axiosapp.use(router).mou原创 2020-12-31 11:36:56 · 2299 阅读 · 5 评论 -
vue3项目安装使用elementui(非vue-cli3.x)
在百度找了一圈,结果发现都是标题党,都是拿vue-cli3.x当做vue3。感觉好像只能用ant-design-vue,后来通过自己去github上了解,发现由于vue3.0在插件install函数的入参从Vue原型(类)改成了app(vue实例e)。导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。Vue3.0虽然兼容option api。但实际已经开始完全拥抱Composition API了。然后又发现elementui有个新版.原创 2020-12-31 10:22:16 · 2062 阅读 · 0 评论 -
Git、小乌龟TortoiseGit的安装和中英文切换
先安装好小乌龟TortoiseGit,64位 32位均可汉化1.先去官网下载TortoiseGit(Downloads页面)点击进入官网下载地址2.下载TortoiseGit的中文安装包PS:32位和64位都行。3.安装语言包4.下载好语言安装包之后,鼠标右键菜单的tortoisegit里面的Settings(设置),点击下面“重新运行首次启动向导”按钮5.点击下拉框选择中文(在此之前需要安装好语言包)。6.此时鼠标右键就可以看到TortoiseGit的界面变成中文的了。可以.原创 2020-12-25 23:19:59 · 5214 阅读 · 0 评论 -
小乌龟TortoiseGit设置中文模式及设置失败的解决方案
先安装好小乌龟TortoiseGit1.官网上点击download2.下载中文简体版安装包3.下载好语言安装包之后,打开小乌龟的设置窗口,点击下面按钮4.安装好语言安装包后(在此之前需要安装好语言包),点击如下按钮,语言就可以选择中文了。...原创 2020-12-25 23:19:24 · 32590 阅读 · 7 评论 -
在vscode中使用eslint实现文件内自动检测提示且保存代码时自动修改格式
1.全局安装eslint打开终端,运行npm install eslint -g全局安装ESLint。2.vscode安装插件3.vscode 扩展设置依次点击 文件 > 首选项 > 设置 "explorer.confirmDragAndDrop": false, "explorer.confirmDelete": false, //配置eslint "editor.formatOnSave": false, // 添加vue支持 "eslint.valid原创 2020-12-03 14:44:15 · 1899 阅读 · 0 评论 -
vue-cli3.0引入pdf.js。解决跨域问题浏览本地pdf文件、读取接口二进制流进行pdf文件浏览
1.下载包1.点击链接http://mozilla.github.io/pdf.js/getting_started/#download2.在public目录新建static文件夹,将下载的pdf包解压了放进去3.代码使用:<el-dialog :visible.sync="show.previewPdfDialog" fullscreen width="100%" title="模板预览" class="pdf-viewer-dialog" :close-on-click-modal=原创 2020-11-17 14:44:15 · 1413 阅读 · 0 评论 -
vue安装echarts-liquidfill
1.先npm安装echartsnpm install echarts --save2.先npm安装echarts-liquidfillnpm install echarts-liquidfill --save原创 2019-09-29 13:54:17 · 3890 阅读 · 0 评论 -
vue引入jquery
npm install jquery --save-dev原创 2019-09-29 15:28:40 · 168 阅读 · 0 评论 -
vue使用Vuescroll(虚拟滚动条)
1.用Npm引入npm install vuescroll -S2.在main.jsimport vuescroll from 'vuescroll';Vue.use(vuescroll);3.效果原创 2019-09-27 14:25:45 · 1819 阅读 · 0 评论 -
vue引入css-loader
npm install --save-dev css-loader原创 2019-09-29 13:39:02 · 1847 阅读 · 0 评论 -
vue引入less
1.npmnpm install less less-loader --save原创 2019-09-28 22:18:53 · 183 阅读 · 0 评论 -
vue引入swiper
1.npm引入npm install vue-awesome-swiper --save2.main.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper, /* { default global options } */)2.效果图:4.如果以上方法失效请使用最新引入方式:最新引...原创 2019-09-27 14:44:43 · 215 阅读 · 0 评论 -
vue引入(安装)axios
1.npm:cnpm install axios -S2.main.jsimport axios from "axios";Vue.prototype.$axios = axios;原创 2019-09-29 13:47:39 · 432 阅读 · 0 评论