【WAY TO VUE 2】VS Code

最新推荐文章于 2023-06-09 09:00:00 发布
最新推荐文章于 2023-06-09 09:00:00 发布
阅读量101 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ryan_ann/article/details/100788031
版权

VS Code

界面布局

在这里插入图片描述

插件安装

1、安装浏览器插件 open in browser
Alt+B使用默认浏览器打开当前html页面
Shift+Alt+B选择其他浏览器
在这里插入图片描述
2、Vue
在这里插入图片描述
3、Vetur
在这里插入图片描述
4、Auto Rename Tag
自动完成另一侧标签的修改
在这里插入图片描述
5、Path Intellisense
自动路径补全
在这里插入图片描述
6、HTML CSS Support
让html标签上写class智能提示当前项目所支持的样式，安装后有快捷提示在这里插入图片描述

快捷键

Ctrl+Shift+F 激活全局搜索
Ctrl+F 局部文件搜索
Ctrl+G 跳转到指定行
!+Tab 生成html模板页面
元素或属性名+Tab 自动生成
Shift+Alt+F 格式化代码
Ctrl+/ 单行注释
Shift+Alt+A 多行注释
Alt+up/down 移动行
Shift+Alt+up/down 复制当前行
Ctrl+B 显示隐藏左侧工具栏
Shift+Ctrl+K 删除当前行
Ctrl+X 剪切当前行或当前选中内容
F2 重命名

Git版本控制

1、本地环境变量配置, 在path中追加git下的cmd目录
2、Ctrl+, 打开settings.json，添加git.exe的安装路径在这里插入图片描述
3、从git拉取项目代码到本地
4、本地打开项目 File > Open Folder
在这里插入图片描述

5、就可以git来进行管理
在这里插入图片描述

阮俗气
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
人工智能_大模型018_Ubuntu/Centos本地安装_ScreenShotToCode根据设计图_截图生成前端Vue/React/Bootstrap页面_001---人工智能工作笔记0154
添柴程序猿的专栏
03-15 254
真的很难安装,这个uuid怎么都装不上,换了3个机器了,租用的也不行,然后本地的吧,网络又不好,安装poetry都装不上.注册了谷歌账号以后,然后再用这个账号去登录,然后再去,注册openai的账号,然后再说。这个邮箱主要是用来注册,已经被限制了,需要用谷歌邮箱最好是,自己想办法去搞吧很麻烦。怎么都不行,在本地网络不行,只能找服务器了.用autodl中的租用的服务器试试把.看来必须要使用,验证码平台去,使用一个国外的比如印度的手机号去注册了.如果网络不好就安装不成功,那么这个时候,你可以去试试不同的源吧,
vue-meta-info_使用vue-meta在Vue中处理元数据
08-16 1669
vue-meta-infoThe vue-meta library provides a Vue plugin that allows us to take control of our app’s metadata from a component level. It’s important to curate the metadata of our web apps for SEO, but ...
VS code 高效使用说明（二）
weixin_43923153的博客
07-02 379
VS Code 有一个很强大的功能就是支持插件扩展，让你的编辑器仿佛拥有了三头六臂，能极大提高工作效率。 上图中，点击红框部分，即可在输入框里，查找你想要的插件名，然后进行安装。 这里推荐一些实用的插件，建议收藏备用！ 1、GitLens 【荐】 简直是 Git 神器，码农必备。GitLens 在 Git 管理上有很多强大的功能，比如： 将光标放置在代码的当前行，可以看到这样代码的提交者是谁，以及提交时间。这一点，是 GitLens 最便捷的功能。 查看某个 commit 的代码改动记录 查看
VS Code的使用
JayYuen的博客
03-27 3404
前言 文章标题：《第一次使用 VS Code 时你应该知道的一切配置》。本文的最新内容，更新于 2020-06-19。大家完全不用担心这篇文章会过时，因为随着 VS Code 的版本更新和插件更新，本文也会随之更新。 VS Code 软件实在是太酷、太好用了，越来越多的新生代互联网青年正在使用它。 前端男神尤雨溪大大这样评价 VS Code： 有一点你可能会感到惊讶：VS Code 这款软件本身，是用 JavaScript 语言编写的（具体请自行查阅基于 JS 的 PC 客户端开发框架 Electro
学习Vue的第二天（使用VS code写Vue）
weixin_45917085的博客
11-23 326
使用Vue.js实现TodoList 1.实现通过input框向正在进行的列表值中增加列表项内容并完成提交功能 ①在视图层实现简单的布局。（了解） <div id="app"> <input type="text"/> <button>提交</button> <ul> <li>first text</li> <li>second text</li> </ul> </d
VS Code开启第一个VUE前端项目（2）
Batman_Encoding的博客
04-11 582
实习的期间真苦逼啊，才学两天就要开始写了，完全跟不上节奏。尤其是已经开始一段时间的项目，半路进来实习，完全看不懂他们的代码，有点赶鸭子上架的感觉。 没办法，有压力才有动力，压住内心的躁动，开始今天的熟悉认知代码环节。 下面是整个VUE项目的执行顺序，显示index.html，然后去找入口main.js，main.js需要找到app.vue，去路由Rout...
Vue2+Node.js前后端分离项目部署到云服务器
SongD1114的博客
04-15 5542
Vue2+Node.js前后端分离项目部署到云服务器
记录基于Vue.js的移动端Tree树形组件
热门推荐
Mr.小灰狼_随笔
06-09 1万+
Vue 树形选择器（ Vue tree select ）组件在搭建 Vue 的 app 中特别常用，Vue tree select 除了简单的树形结构外，还有非常多样的功能来配合不同场景的使用。比如搜索过滤，前端添加删除树枝，前端编辑修改子树名，拖拽排序，对用户操作事件记录等。本文记录了我自己使用多年最好用的 2款 Vue tree select 组件，每一款都经过我实际测试，推荐给大家。
nginx-1.24.0.tar
09-06
Nginx 1.24.0 是 Nginx 开源项目发布的一个重要更新版本，该版本在性能优化、功能增强以及安全性提升方面带来了诸多改进。当您下载 Nginx 1.24.0 的压缩包时，您将获得一个包含 Nginx 源代码的压缩文件，通常命名为 nginx-1.24.0.tar.gz（对于 GNU/Linux 和 macOS 系统）或类似的格式，具体取决于发布平台。 这个压缩包包含了编译 Nginx 服务器所需的所有源代码文件、配置文件模板（如 nginx.conf）、模块源码以及构建和安装说明。通过解压这个压缩包，您可以在支持 C 语言编译器的操作系统上编译并安装 Nginx 1.24.0。 Nginx 1.24.0 引入了一系列新特性和优化，可能包括但不限于对 HTTP/2 和 HTTP/3 协议的进一步支持、性能提升、新的模块或模块更新，以及对已知安全漏洞的修复。这使得 Nginx 能够在保持其作为高性能 HTTP 和反向代理服务器的声誉的同时，继续满足不断发展的网络需求。
智能化病虫害标注系统前端.zip
09-06
图像识别技术在病虫害检测中的应用是一个快速发展的领域，它结合了计算机视觉和机器学习算法来自动识别和分类植物上的病虫害。以下是这一技术的一些关键步骤和组成部分： 1. **数据收集**：首先需要收集大量的植物图像数据，这些数据包括健康植物的图像以及受不同病虫害影响的植物图像。 2. **图像预处理**：对收集到的图像进行处理，以提高后续分析的准确性。这可能包括调整亮度、对比度、去噪、裁剪、缩放等。 3. **特征提取**：从图像中提取有助于识别病虫害的特征。这些特征可能包括颜色、纹理、形状、边缘等。 4. **模型训练**：使用机器学习算法（如支持向量机、随机森林、卷积神经网络等）来训练模型。训练过程中，算法会学习如何根据提取的特征来识别不同的病虫害。 5. **模型验证和测试**：在独立的测试集上验证模型的性能，以确保其准确性和泛化能力。 6. **部署和应用**：将训练好的模型部署到实际的病虫害检测系统中，可以是移动应用、网页服务或集成到智能农业设备中。 7. **实时监测**：在实际应用中，系统可以实时接收植物图像，并快速给出病虫害的检测结果。 8. **持续学习**：随着时间的推移，系统可以不断学习新的病虫害样本，以提高其识别能力。 9. **用户界面**：为了方便用户使用，通常会有一个用户友好的界面，显示检测结果，并提供进一步的指导或建议。 这项技术的优势在于它可以快速、准确地识别出病虫害，甚至在早期阶段就能发现问题，从而及时采取措施。此外，它还可以减少对化学农药的依赖，支持可持续农业发展。随着技术的不断进步，图像识别在病虫害检测中的应用将越来越广泛。
Python 小游戏 （贪吃蛇、五子棋、扫雷、俄罗斯方块）
最新发布
09-06
python
MATLAB/simulink 电力系统之变压器仿真-变压器空载运行仿真，磁通饱和+励磁电流
09-06
MATLAB/simulink 电力系统之变压器仿真- 变压器空载运行仿真，磁通饱和+励磁电流
超级好的电赛习题分享.zip
09-06
电赛习题.zip
8051Proteus仿真c源码串口通讯计算器
09-06
8051Proteus仿真c源码串口通讯计算器提取方式是百度网盘分享地址
算法部署-基于ONNX+MNN+Cpp部署语音识别模型-附项目源码-优质项目实战.zip
09-06
算法部署_基于ONNX+MNN+Cpp部署语音识别模型_附项目源码_优质项目实战
全球与中国聚烯烃弹性体 （POE）市场现状及未来发展趋势（2024版）.docx
09-06
全球与中国聚烯烃弹性体 （POE）市场现状及未来发展趋势（2024版）.docx
k8s1.31-images.tar
09-06
本压缩包内含Kubernetes（简称k8s）1.31版本的完整镜像集合，专为高效部署与升级Kubernetes集群而精心准备。Kubernetes作为业界领先的容器编排平台，1.31版本在稳定性、性能优化、新特性引入及安全性增强方面均实现了显著提升。 该镜像压缩包集成了所有必要的Kubernetes组件镜像，包括但不限于kube-apiserver、kube-controller-manager、kube-scheduler、etcd、kubelet及kube-proxy等核心组件，确保用户能够一键部署或无缝升级至最新版本的Kubernetes集群，极大地简化了部署流程，降低了运维复杂度。 此外，本镜像包还经过严格测试，确保与主流操作系统及云环境兼容，无论是裸机部署、虚拟机环境还是云服务商提供的Kubernetes服务，都能轻松集成使用。同时，我们优化了镜像体积，减少了不必要的空间占用，加快了下载与部署速度，让用户能够更快地享受到Kubernetes 1.31版本带来的技术红利。 总之，k8s1.31版本镜像压缩包是构建或升级现代云原生应用基础设施的理想选择。
vue websocket
04-05
Vue.js is a popular JavaScript framework for building user interfaces. It allows developers to create dynamic and interactive web applications with ease. One of the key features of Vue.js is its ability to handle real-time data updates through websockets. Websockets are a protocol that allows for two-way communication between a client and server over a single TCP connection. This makes it possible to send and receive data in real-time without the need for constant HTTP requests. In Vue.js, websockets can be implemented using the vue-websocket plugin. This plugin provides a simple and easy-to-use interface for creating websocket connections and handling incoming data. To use the vue-websocket plugin, you first need to install it using npm: ``` npm install vue-websocket --save ``` Once installed, you can use the plugin in your Vue.js application by importing it and adding it to your Vue instance: ``` import VueWebsocket from 'vue-websocket' Vue.use(VueWebsocket, 'ws://localhost:8080') ``` This code initializes the plugin and specifies the websocket server URL to connect to. To send data through the websocket, you can use the `$websocket` instance provided by the plugin: ``` this.$websocket.send('Hello, world!') ``` This code sends the string "Hello, world!" to the websocket server. To handle incoming data, you can use the `$onMessage` method provided by the plugin: ``` this.$websocket.$onMessage((message) => { console.log(message) }) ``` This code logs any incoming messages to the console. Overall, the vue-websocket plugin provides a simple and convenient way to handle real-time data updates in Vue.js applications.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值