自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 用idea创建vue文件

2:然后打开我的vue文件想要创建的地方,比如我的文件想建立在D盘/课程学习/课程设计里面。此行语句之后等待一会会出现如下界面,选择Manually select features并提交。然后在idea中file->open->d/课程学习/课程设计 即可·按上面的选择并提交。之后系统就会自动创建vue文件practice。3:创建vue文件语句:vue create practice。1:win+q打开搜索框,输入cmd打开控制命令提示符。practice是我的文件名。

2023-06-13 10:15:58 662

原创 Vue界面添加收缩和展开导航栏图标按钮

此时我们考虑到:当点击收缩之后,收缩的图标应该变成展开的图标,点击展开图标之后,边栏会展开。collapseBtnClass:'el-icon-s-fold',//这里写想要的按钮的名称el-icon-s-fold。collapseBtnClass:'el-icon-s-fold',//这里写想要的按钮的名称el-icon-s-fold。this.collapseBtnClass='el-icon-s-unfold'//图标变成展开的图标。this.sideWidth=64//边栏宽度变成64。

2023-06-09 12:03:44 2508 1

原创 在Vue中引用图标

span :class="collapseBtnClass" //其中绑定了一个class collapseBtnClass就是收缩按钮的名称。collapseBtnClass:'el-icon-s-fold',//这里写想要的按钮的名称el-icon-s-fold。collapseBtnClass:'el-icon-s-fold',//这里写想要的按钮的名称el-icon-s-fold。你需要的按钮可以到element官网的icon图标去直接复制。总结:想要添加图标就先将class绑定到span。

2023-06-08 11:46:05 289

原创 在Vue界面中引入其他界面

那么我们只需要在homeView.vue想要的地方添加<Aside></Aside>但是我在idea里面写的只要写了<Aside></Aside>其他的就自动补全好了。比如我们需要在文件homeView.vue中引用界面文件Aside.Vue。<script>里面添加import 将Aside引入过来。components: {Aside},要有这句话。就好啦 但是其实还有两个地方要注意。

2023-06-07 11:33:19 2106 2

原创 给边框加颜色

先介绍一下background-color CSS background-color 属性。创建一个项目:在cmd中cd出想建立的地方,然后用语句vue create 名称即可·@click="collapse"意思是当你点击时会触发函数collapse()

2023-06-06 00:02:10 52 1

原创 IDEA中设置了代码颜色但是不显示怎么办

但大概猜测如果配色中没有直接配置颜色,而是通过继承方式来的(如下图)。就会被Visibility中对应的颜色覆盖(如果Visibility中有配色的话)。所以只需要关闭这个就行了,不过是每个你需要展示颜色的版块都要关闭这个,我是一个个全部挨着关掉了。其实大概原因就是Idea在新版本的Java配色中新增了一个Visibility配置。然后我们看下 Visibility中的配色,发现其默认都是灰色。关掉之后退出idea,重新进来就好啦!终于找到了官方的相关Bug。全是灰色的没有色彩区分。

2023-06-04 00:06:18 1408 4

原创 Vue快捷键们~

ctrl+c在cmd中退出,用于某一个命令行输入错了跳过或者退出某个执行后的程序。alt+/自动补全用于idea和eclipse。

2023-06-04 00:02:57 540 1

原创 Vue中button的颜色更改

好像只有type: primary || info || success || warning || danger这五种颜色。我已经试过啦 是可以变得!按钮变成红色使用的是danger,我想能不能换成red,试着换了一下,但是没有成功,页面上的按钮回到了初试默认的白色,于是我搜索了Vue颜色大全。搜到了红色的代码#FF0000可是依然不变。于是我找到了这篇博客。但是我觉得肯定不止这几个颜色,可能是我还没掌握方法。原文章中这几个颜色代表的按钮意义。primary的颜色。

2023-06-03 23:42:50 3017

原创 IDEA打开vue文件

按钮默认是白色,如果我们想换个颜色那么我们只需要:在<el-button>中加上 type="danger" 此处我改的是红色,红色是danger。在home.vue中写<el-button>这是一个测试element的按钮</el-button>或者引用上文的msg注意{}3.我们open的文件在cmd中创建的时候系统自动帮我们把依赖装好了,存放在node_modules中。打开idea界面中的views中的home.vue,我们可以在其中随便添加一些变量或者值。7.可见我们的端口是:8080,。

2023-06-03 23:29:44 3206

原创 idea中的代码换颜色/安装vue之后idea代码变全灰

点击editor中的Color scheme中的java。然后就可以随意改变自己想要的颜色啦。打开idea点击file。点击settings。

2023-06-02 11:34:41 2520

原创 vuecli版本太老了怎么办

此步骤在cmd里面书写执行(cmd用window+q或者window+s打开),在cmd中书写命令行。如果出现不是内部处理命令的情况,则再次执行命令行将npm升级到最新版本.在cmd中输入命令行,重新全新安装。3.在cmd中查询vue安装的版本。vue -V (注意v的大写)可以多次执行直至成功!

2023-06-02 10:40:36 321 1

空空如也

空空如也

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

TA关注的人

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