![](https://img-blog.csdnimg.cn/54dc5077e7984cc08fb938c508ad5f54.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vscode
文章平均质量分 61
Vscode相关设置
小花皮猪
知道的越多,不知道的越多
展开
-
修改Vue项目运行的IP和端口
我们在使用VsCode启动Vue项目的时候,我发现:默认的端口号好像和tomcat一样,默认都是8080,如果8080被占用了,就会使用8081,8082这样的方式以此类推。那么,我们是否可以像后端一样,通过修改port属性的方式达到修改运行端口的方式呢?其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理,需要修改项目什么东西就直接在里面改。注意语法就好啦!以后遇到其他的配置语法,会持续更新!原创 2023-02-09 23:54:14 · 7088 阅读 · 2 评论 -
vscode设置打开终端默认为cmd
不知道大家是否和我一样,每次使用vscode打开终端跑项目的时候,都必须手动的把终端类型设置为cmd。这样十分麻烦,我就想着能不能设置打开的终端类型默认就是cmd呢,一番尝试,成功的实现了。原创 2023-01-16 09:51:07 · 7431 阅读 · 4 评论 -
解决VsCode启动Vue项目报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
解决VsCode启动Vue项目报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。原创 2022-12-27 12:01:32 · 10340 阅读 · 6 评论 -
Vue事件处理的基本使用
事件处理在vue中也是非常重要的一项技术,它类似于js的事件处理,但是也有不同,下面就简单介绍一下在vue中如何进行事件使用以及一些要点1 使用v-on:xxx或者简写成@xxx绑定事件,其中xxx是事件名称2 事件的回调需要配置在methods对象中,最终会在vm上3 methods中配置的函数,不要用箭头函数!否则this就不是vm了4 methods中配置的函数,都是被vue管理的函数,this的指向是vm或组件实例对象5 @click="xxx"和@click="xxx(100,eve。原创 2022-12-24 15:18:19 · 752 阅读 · 1 评论 -
vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names
今天使用vscode开发vue引入组件的时候遇到一个错误,我的组件名称以及路径都是没问题的,但是就是运行不起来错误信息截图如下。原创 2022-11-04 17:31:27 · 4471 阅读 · 8 评论 -
vscode引入组件报错: ‘XXXX‘ is declared but its value is never read.Vetur(6133)
今天使用vscode安装了一个vetur插件方便开发的时候发现一个很诡异的错误:在引入组件的时候报错了,并且路径是没问题的保存内容如下通过上图可以看到,我的组件都在同一目录下,所以引入路径是决定没有任何问题的,我按着ctrl点击组件和引用都能正常的进行跳转。原创 2022-11-02 19:35:21 · 4269 阅读 · 2 评论 -
解决控制台报错:Uncaught RangeError: Maximum call stack size exceeded
今天写了一个简单的数据代理,运行的时候发现报错了,如下经过网上搜索发现:出现这个的主要问题就是代码编写错误,通常表现为代码写错了,比如onclick写成onclich,还有就是我这种逻辑性错误。原创 2022-10-07 21:02:38 · 1724 阅读 · 2 评论 -
简单概述理解vue的MVVM模型
M:模型(Model) :对应 data 中的数据V:视图(View) :模板VM:视图模型(ViewModel) : Vue 实例对象它包括 DOM Listenters 和 Data bindings,前者实现了页面与数据的绑定,当页面操作数据的时候 DOM 和 Model 也会发生相应的变化。后者实现了数据与页面的绑定,当数据发生变化的时候会自动渲染页面。MVVM模型1 M:模型(Model):data中的数据2 V:视图(View):模板数据。原创 2022-10-06 22:52:48 · 1626 阅读 · 1 评论 -
vue中el和data的两种写法
data和el的两种写法1 el有两种写法(1).new vue的时候配置el属性(2).先创建vue实例,随后再通过vm.$mount(‘#root’)指定el的值2 data有两种写法(1)对象式(2)函数式如何选择:目前哪种写法都可以,如果使用组件,data必须使用函数式,否则会报错3 一个重要的原则由vue管理的对象,一定不要写箭头函数,不然this就不是vue实例了。原创 2022-10-06 22:49:28 · 967 阅读 · 0 评论 -
vue单向以及双向数据绑定(v-bind和v-model的使用)
Vue中有两种绑定方式1 单项绑定(v-bind):数据只能从data流向页面,可以简写为:2 双项绑定(v-model):数据不能能从data流向页面,还可以从页面流向data备注:1双向绑定一般都应用在表单类元素上(比如input,select,radio等)2 v-model:value可以简写v-model,因为v-model默认收集的就是value值单向双向绑定简写如下原创 2022-09-14 23:51:38 · 2641 阅读 · 1 评论 -
vue模板语法: 插值语法和指令语法以及v-bind指令使用
vue模板共有两大类1 插值语法功能:用于解析标签体内容,写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性2 指令语法功能:用于解析标签(包括标签属性,标签体内容,绑定事件。。。)举例:v-bind:href="xxx"或简写为:href=“xxx”,xxx同样要写js表达式备注:vue中有很多指令,且形式都是v-???,只有v-bind:可以简写为:,此处我们只是拿v-bind举个例子3 使用场景。原创 2022-09-14 23:47:32 · 647 阅读 · 3 评论 -
分析初识vue小案例
初识vue小案例接下来我们就分析初识vue小案例1 想让vue工作,就必须创建一个vue实例,并且传入一个配置对象(容器)2 root容器里的代码仍然符合html规范,只不过混入了一些特殊的vue语法3 root容器里的代码被称为vue模板4 vue实例和容器是一一对应的5 真实开发中只有一个vue实例,并且会配合着组件一起使用6 {{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性。原创 2022-09-13 22:41:32 · 458 阅读 · 5 评论 -
初识vue小案例
使用VsCode搭建Vue开发环境既然开发环境准备好了,我们就写一个小案例。原创 2022-09-13 22:37:36 · 691 阅读 · 3 评论 -
使用VsCode搭建Vue开发环境
新建文件夹和文件 工作目录叫vue-basic,里面创建一个文件夹叫01-初识vue,然后创建个html文件叫初始vue.html。F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了,这两个小提示后面我们会进行关闭,不然开着不舒服。通过官网介绍我们知道,vue是默认开启生产提示的,我们可以修改这个属性为false,这样就能关闭提示。然后我们把控制台的提示进行清除,首先清除第一个,需要去谷歌应用商城安装vue开发者工具。可以发现,不仅名称有区别,大小也是有区别的,开发版本比生产版本大。原创 2022-09-13 22:28:32 · 11899 阅读 · 4 评论 -
VsCode修改注释颜色以及鼠标滚动调整字体大小
今天发现vscode代码字体颜色很小,默认的注释颜色居然是绿色的!看着特别难受,然后就试着修改了下,在此记录一下。原创 2022-09-13 21:11:49 · 4638 阅读 · 0 评论 -
vscode 快速生成html模板代码的几种方式
最近在用vscode学习前端,发现每次新建一个文件夹都要编写h5的基本标签,很麻烦,就想着能不能像IDEA一样可以自定义设置模板经我搜索发现,是我想的多余了,vscode以及帮我们配置好了,我们只需要直接去使用即可,无需任何多余的操作确实挺方便强大的,记录下个人觉得这个模板就够了,如果后面需要更换或者自定义模板,再更新。原创 2022-09-12 19:58:08 · 10428 阅读 · 2 评论 -
Windows11下载安装vscode并编写第一个页面
最近打算学习前端相关的知识,所谓好马配好鞍,我平常也会写一些前端代码,但是都是通过IDEA或Webstorm进行开发,有点驴头不对马尾的感觉,平时看前端同事开发的软件都是使用VsCode,所以我也打算安装一个对他进行学习和了解VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。原创 2022-09-10 22:20:07 · 2181 阅读 · 1 评论 -
使用vscode下载插件在线打开html界面,解决没有Open in default brower选择问题
今天刚下载的vscoode,写了一个html不知道怎么通过vscode打开问了下百度,说需要选择Open in default brower但是我鼠标右键后并没有找到 “Open in default brower”!又问了前端同事说需要安装一个插件,在VSCode中默认编写的html页面是不能运行的插件?这我熟啊,我在IDEA最喜欢安装插件玩了哈哈哈下面记录下如何使用vscode安装插件并打开网页1,打开VSCode软件,编写或者打开一个HTML页面。原创 2022-09-10 22:18:11 · 5614 阅读 · 2 评论