自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 安装vuex失败

版本问题

2022-04-01 02:53:36 814

原创 stylus代码报错expected “indent“, got “outdent“

编写stylus代码的时候出现了**expected “indent”,got “outdent”**报错,意思是预计缩进,存在减少缩进,报错如下查阅资料,说可能是tab键和空格键混用,想起来自己好像也混用了,就把样式全部用tab调整了,但是还是一样的报错。于是观察是不是兄弟级的标签样式弄成父子级标签样式了。这里粗心了,把原本没有错的同级修改为父子级了,我项目里的附近商家栏和商家列表内容区就是同级的,被我修改为了父子级,当然这就导致了新的报错。改回去就没有问题了。得到的教训就是不管是HTML还是css

2022-04-01 02:42:24 1869

原创 关于在项目原有的iconfont图标上再添加一个图标的思考

论在做项目之前把需要的iconfont图标提前一次性准备好的必要性我在做项目的时候恰巧又碰到了需要再加一个字体图标的情况,其实简单的方法有很多种,不一定是要像我之前的博文一样单独下载到本地又改这文件那文件的,其实直接复制svg代码,然后粘贴到项目中需要该字体图标的地方也可以实现再添加一个彩色iconfont字体图标。在项目中粘贴代码如下,看粉色框框的地方,这个代码量真的很多。首先是过多过长的代码量影响阅读,排版不美观。其次是如果需要添加很多彩色图标,过多的代码量会影响浏览器渲染页面性能。刚开始开始

2022-03-30 02:00:07 1929 2

原创 vue init webpack 项目初始化失败

在目标文件夹下右键点击Git Bash Here打开操作页使用vue-cli(脚手架)搭建项目的时候出现了如下报错首先要排查下载的依赖是否都能显示版本号可能环境变量没有配置找到安装vue-init的目录,把地址加入到path中配置完环境变量,重新构建项目vue init webpack 项目名称 成功终端运行npm install,然后npm run dev初始化失败了,我的webpack构建工具是有问题的,于是卸载了webpack重新安装参考了卸载webpack的方法和安装webp

2022-03-29 10:30:47 2478

原创 vue项目引入彩色iconfont图标

做项目的时候经常会使用到iconfont图标库,在项目开始的时候提前想好需要什么图标,最好是多下载几个可替换的同类型图标,宁滥勿缺(别问,问就是得到了教训),无色的还是彩色的,这点很重要。首先了解一下如何在项目中使用iconfont图标进入官网iconfont图标库搜索想要的图标添加到项目中,点确定,没有项目就在旁边的加号新建选择Font class,点击下载至本地,选择自己要放置在项目中的位置解压压缩包到当前文件夹,得到以下文件,我只保存了这几个重要的项目...

2022-03-29 08:56:14 2356 1

原创 安装stylus依赖包出现的问题

安装stylus依赖包作用:stylus可以定义方法,变量,元素与元素直接按html标签顺序一级一级往下写,看起来整洁分明,操作简单不像普通css div>span这样去写子元素样式文件中使用:在文件里写css 需要指定lang,rel<style lang="stylus" rel="stylesheet/stylus">终端安装npm install stylus stylus-loader --save-dev解决办法:找到对应项目的package.json文件

2022-03-27 22:37:59 996 1

原创 从gitee克隆项目到本地出现的验证信息

从gitee克隆项目到本地,出现如下图的验证信息Username for ‘https://gitee.com’:填写gitee的邮箱账号回车enterPassword for ‘https://gitee.com’:填写gitee的登录密码回车enter

2022-03-27 02:16:35 1262

原创 【error】 in ./api/axios.js Module parse failed: Unexpected token

在做后台管理系统项目时,跟着网上的教学视频创建axios实例,并返回请求实例,npm run dev启动项目结果出现了如下的报错原代码如下: request(options) { const instance=axios.create() options = {...this.getInsideConfig(),...options} this.interceptors(instance) return instance(options)

2022-03-10 06:02:53 1826 3

原创 【解决报错】Invalid prop: type check failed for prop “index“.

添加链接描述经参考完美解决

2022-03-07 21:35:48 142

原创 vscode中不允许css嵌套规则报错

在写项目的时候发现在编写页面css代码时,使用了css样式嵌套规则,程序报错,终端运行正常,如图:经查阅资料得出解决办法:将vscode底部任务栏的HTML页面语法规则改为vue即可。如果语言模式中没有vue的话,先去安装Vetur插件,选项中就会有vue语言模式,选中即可解决css语法嵌套规则报错问题...

2022-03-07 20:49:20 3587 2

原创 vue脚手架搭建前的准备

需要安装node 淘宝镜像 和webpack根据官方文档提示直接安装node就好了,作为一名初学小白踩过的坑是把node安装在D盘,后来又重新安装node存在C盘,但是没有把原先的node删除,导致即使node能够安装成功显示版本,但是后续的npm安装淘宝镜像和webpack都出现了错误,错误类似下图不管是安装在c盘还是d盘都不要重复安装,记得把之前的重复安装的路径文件删除!!!成功安装如下图npm cache clean -f 此条命令表示清除npm缓存,可以解决安装webpack的一些失误

2022-02-25 20:46:06 216

原创 烦人的vscode代码提示框关闭方法

写代码时代码提示片段太多太乱了,不小心点到撤销来回往复影响效率关闭方法:先打开vscode齿轮设置,在用户栏输入quick定位到如图所示,并按照截图设置,取消勾选在settings.json中编辑如下代码最后就可以顺心的写代码啦...

2021-11-24 02:47:43 7117 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除