早川奈子.-CSDN博客

原创用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 665

原创 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 2527 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 290

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

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

2023-06-07 11:33:19 2112 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 1425 4

原创 Vue快捷键们~

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

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

原创 Vue中button的颜色更改

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

2023-06-03 23:42:50 3045

原创 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 3221

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

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

2023-06-02 11:34:41 2560

原创 vuecli版本太老了怎么办

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

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

qq_54657526的博客