随笔分类 -  配置系列

【一库】vueuse:我不许身为vuer,你的工具集只有lodash!
摘要：vueuse 是什么? 一款基于Vue组合式API的函数工具集。 以上是官方网站关于它的定义。官网地址 首先，它基于Vue Composition Api (组合式API)，只有在支持组合式API的环境下，才可以正常使用它；什么是组合式API? 然后，它是一款函数工具集（可类比为lodash.js/ 阅读全文
posted @ 2022-12-01 18:58 威武的大萝卜 阅读(530) 评论(0) 推荐(1)
vue.config.js 的完整配置（超详细）！
摘要：UU 前段时间，对部门的个别项目进行Vue3.0+ts框架的迁移，刚开始研究的时候也是踩坑特别多，尤其我们的项目还有些特殊的webpack配置，所以，研究vue.config.js的配置的时候也是查阅了各种资料文档，最终，完成了项目webpack的特殊配置。 今天分享一下，我们项目当中的一些webp 阅读全文
posted @ 2021-12-29 15:08 威武的大萝卜 阅读(22978) 评论(0) 推荐(0)
browserslist 目标浏览器配置表
摘要：为什么需要：根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器，而不是一股脑的添加。避免不必要的兼容代码，以提高代码的编译质量。 共享使用browserslist的组件们： 组件名功能 Autoprefixer postcss添加css前缀组件 babl 阅读全文
posted @ 2021-11-26 11:24 威武的大萝卜 阅读(248) 评论(0) 推荐(0)
TS：元素隐式具有 “any“ 类型，因为类型为 “any“ 的表达式不能用于索引类型
摘要：在封装axios请求根据error.response.status取自己定义的索引值时，提示警告： 还或者遇到这种情况 可以在我们的tsconfig.json中设置"suppressImplicitAnyIndexErrors": true就可以了 阅读全文
posted @ 2021-11-12 15:03 威武的大萝卜 阅读(3944) 评论(0) 推荐(0)
你真的理解devDependencies和dependencies区别吗?
摘要：网上统一的观念是 devDependencies用于本地环境开发时候。dependencies用户发布环境其实看名字我也知道是这个意思，我觉得没解释情况。devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内。通过NODE_ENV=developement或NODE_EN 阅读全文
posted @ 2021-11-08 11:02 威武的大萝卜 阅读(150) 评论(0) 推荐(0)
dart-sass与node-sass介绍
摘要：dart-sass与node-sasssass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。sass-lang官方网站： https://sass-lang.com/dart-sass 相同都是用来将sass编译成css的工具。 区别node-sass 是用 node(调用 阅读全文
posted @ 2021-11-05 17:13 威武的大萝卜 阅读(766) 评论(0) 推荐(0)
如何设置win10系统的环境变量
摘要：小白一键重装系统 目前，win10的市场占有率已经超过win7系统，但是一些刚刚升级win10系统的朋友想设置win10系统的环境变量，却不知道如何设置。为了解决这个问题，我将整理并执行10个系统环境变量的详细步骤。如果有必要，让我们一起了解一下。 如何设置win10系统的环境变量？有时我们需要设置 阅读全文
posted @ 2021-10-25 10:52 威武的大萝卜 阅读(3650) 评论(0) 推荐(0)
mac上获取当前文件路径
摘要：实际工作中经常需要获取当前文件的路径。在mac中常用的方法有如下几种 方式一 如果只是需要看一下这个文件的路径，可以先选中该文件，然后右键，选择显示简介，然后就会显示这个文件的具体路径。快捷键为command+i 方式二 上面的方式只能查看路径，但是实际工作中经常需要对路径进行复制粘贴。那么可以打开 阅读全文
posted @ 2020-08-07 08:36 威武的大萝卜 阅读(884) 评论(0) 推荐(0)
package.json里面配置的啥
摘要：{ "name": "Hello World", // 包名. "version": "0.0.1", //包的版本号 "author": "张三", //包的作者 "description": "第一个node.js程序", //包的描述 "keywords": [ //关键字。方便使用者在 np 阅读全文
posted @ 2020-07-11 10:45 威武的大萝卜 阅读(705) 评论(0) 推荐(0)
package.json的所有配置项及其用法，你都熟悉么
摘要：写在前面 在前端开发中，npm已经是必不可少的工具了。使用npm，不可避免的就要和package.json打交道。平时package.json用得挺多，但是没有认真看过官方文档。本文结合npm官方文档以及自己平时使用过程中的感悟，谈一谈package.json。官方文档在这里。 初始化 使用npm 阅读全文
posted @ 2020-07-11 10:34 威武的大萝卜 阅读(677) 评论(0) 推荐(0)
[转]利用vue-cli3快速搭建vue项目详细过程
摘要：一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境 阅读全文
posted @ 2020-07-11 10:21 威武的大萝卜 阅读(4163) 评论(0) 推荐(0)
vue的接口封装和状态管理
摘要：1.config index.js下面的跨域代理设置： proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' } }, }, 阅读全文
posted @ 2020-07-11 10:11 威武的大萝卜 阅读(345) 评论(0) 推荐(0)
Vue项目封装请求数据的接口总结
摘要：以前的惯用做法都是直接在需要的页面写请求数据的接口。但是因为项目中会频繁的请求后台，所以将所有的请求封装起来，方便管理。 一、配置url（可以放在一个js中） 引入axios：import axios from “axios” 配置url const service=axios.create({ b 阅读全文
posted @ 2020-07-11 10:07 威武的大萝卜 阅读(1993) 评论(0) 推荐(0)
webpack学习笔记
摘要：webpack学习笔记（阮一峰教程demo） 学习webpack，直接观看代码理解。将自己的理解过程记录下来，后续若有不同理解，再来修改。 献上阮一峰老师的webpack教程地址： webpack 将整个demo完整的clone下来，用vscode导入整个文件夹之后，发现也只有15个demo而已，小 阅读全文
posted @ 2020-06-26 16:31 威武的大萝卜 阅读(128) 评论(0) 推荐(0)
什么是yarn,如何使用yarn安装项目依赖
摘要：一、yarn的简介： Yarn是facebook发布的一款取代npm的包管理工具。 二、yarn的特点： 1.速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。2.超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包 阅读全文
posted @ 2020-06-26 15:30 威武的大萝卜 阅读(1874) 评论(1) 推荐(0)