Vscode工具

已于 2023-05-17 08:05:35 修改
阅读量39 收藏
点赞数
分类专栏： 前端篇 文章标签： vscode 前端 javascript
于 2023-05-17 02:32:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40635134/article/details/130717185
版权

目录

1：Vscode基本使用

https://code.visualstudio.com/

  1. 双击打开软件
  2. 新建文件(ctrl + n)
  3. 保存(ctrl + s),注意一定要保存为.html文件
  4. ctrl + 加号键放大视图,ctrl + 减号键缩小视图
  5. 生成页面骨架的快捷方式:输入感叹号!,按下tab键
  6. 利用插件在浏览器预览页面:单击鼠标右键, 点击"open In Default Browser"

2：Vscode插件

插件描述
Chinese (Simplified) (简体中文)中文
Live Server
Vetur
vue-helper
auto rename tag自动重命名配对html/xml标签
css peek追踪至样式
js-css-html formatter每次保存,都会自动格式化js css和html代码
1111111111111！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode工具使用
enhenglhm的博客
06-29 1266
VSCode的基本使用
使用Vscode工具搭建 SAPUI5开发环境
Tiny~JJ的博客
07-22 3532
SAP Fiori UI5
vscode 左侧工具栏显示
热门推荐
wujian_csdn_csdn的博客
11-05 1万+
1.显示工具栏 点击文件，选择首选项，点击设置按钮 搜索workbench，勾选上Workbench> Activity Bar：Visble 勾选上后，工具栏就显示出来了
VSCode 工具常用插件
weixin_41184962的博客
08-22 2606
修改了前面的开始标签，自动remane 后面的闭合标签。html 中的 id 和 class 的属性 提示。对vue一些属性或者其他方法的 helper说明。鼠标放到代码行上可以显示，改行的上一次修改记录。快捷键模板，设置模板快捷键，加快开发速度。vscode对 ECharts 的支持，方便运行代码，浏览器打开。vue的一些代码片段。...
VSCode工具安装
ZHAOJUNWEI08的专栏
10-31 2710
目录 1、安装Visual Studio Code 2、安装就正常安装就行，安装的时候勾选添加环境变量选项，以insiders为例 3、修改vscode插件安装位置 1、安装Visual Studio Code 有两种版本，一个是发布的版本，一个是insider，类似于测试版本 下载地址： 发布版本 https://code.visualstudio.c...
vscode工具的语言切换
weixin_46046501的博客
12-22 1376
如下操作： 1.Ctrl＋ Shift ＋P （command+shift+P）输入display 选择Configure display Language 2.选择语言切换 vscode会提示需要重启，点击restart重启vscode，重启后vscode就会显示你想要的语言界面。
VSCODE工具技巧
qq_41787812的博客
10-10 2781
VSCODE开发工具使用技巧
VSCODE工具 VUE代码格式化插件及配置
yu_baby的博客
04-12 1万+
1.安装插件 1.1 Prettier 它通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制执行一致的样式，并在必要时包装代码。如今，它已成为解决所有代码格式问题的优选方案；支持JavaScript、Flow、TypeScript、CSS、SCSS、Less、JSX、Vue、GraphQL、JSON、Markdown等语言.这里我们需要让Prettier和Eslint结合，检测代码中潜在问题的同时，还能统一团队代码风格，从而促使写出高质量代码，来提升工作效率。我们要的...
vscode工具Remote-SSH使用记录
时时总结，常常分享
08-24 1343
有些时候开发linux平台的时候没有桌面端，一般需要我们现在win平台上写好代码再传进去，这样如果需要频繁修改代码的时候就不是很方便，后面发现有人用这个vscode的工具还是很不错的，可以直接在vscode上进行配置，相当于一个非常不错的终端了。要使用这个的话需要自己提前配置好ssh，这个我就不说了，如果是之前做过linux相关的应该都有一些了解，很早应该就都配置过了。之后会显示一个配置文件，配置文件可以不用修改，这里面的Host是起的一个名字，可以自行任意修改，当然也可以不改。下面需要输入密码进入。
vscode工具，如何实现实时预览？
linshileba的博客
08-18 1027
安装完成后，在页面右击Open with Live Server就可以进行实时预览啦。vscode工具安装live Server插件，修改完代码，自动更新浏览器啦！改完代码后，浏览器必须要重新刷新，比较麻烦。
Visual Studio 和 VSCode 哪个好?
Thanks_ks的IT探秘之旅
08-04 1053
本文全面对比了Visual Studio（VS）与Visual Studio Code（VSCode）在开发环境类型、性能资源占用、调试能力、扩展性与社区支持、跨平台兼容性等方面的差异。VS作为全能型IDE，功能丰富但资源需求高；VSCode则轻量级且流畅，通过扩展实现强大功能。两者均拥有丰富扩展库与活跃社区支持，但VS更侧重Windows平台，而VSCode实现真正跨平台。最终，选择应基于项目需求与个人偏好。
Visual Studio 和 VSCode哪个更好?
Good_tea_h的博客
08-03 1206
在选择Visual Studio还是Visual Studio Code时，需要综合考虑项目的规模、复杂性、开发团队的需求以及个人偏好等因素。如果你正在开发大型、复杂的企业级应用或游戏，并且需要完整的开发工具和组件支持，那么Visual Studio可能更适合你。而如果你正在寻找一个轻量级、灵活且跨平台的代码编辑器，用于小型项目、快速开发或Web开发等场景，那么Visual Studio Code将是一个不错的选择。无论选择哪个工具，都需要不断学习和实践以充分发挥其潜力。
前端Web-JavaScript(上)
Yu2uki的博客
07-31 1543
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
高德地图离线版 使用高德地图api的方法
m0_62336925的博客
08-02 444
然因为高德地图的瓦片地图太大，所以要让后端部署下 前端直接调用 如果本地 直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错 因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字 复制。
html+css+js实现一个简单的电商商城首页
爱敲代码的卡拉米的博客
08-02 211
很多刚入门编程的小白学习了基础语法，却不知道语法的用途，不知道如何加深映像，不知道如何提升自己，这个时候每天刷自主刷一些题就非常重要（百炼成神），可以去牛客网上的编程初学者入门训练。2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等!绿泡泡：XiaoMei_NN。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 960
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
文章相关接口
qq_74474809的博客
08-03 185
跟着黑马程序员学习SpringBoot3+Vue3
vuex知识
最新发布
qq_16570607的博客
08-04 303
将getMoviesRankingInDouban的action用promise包装一下, 在此次请求结束后, 根据此次请求返回的电影的id, 根据id再次请求电影的信息。数据请求,在action中, 根据传入的参数(数字1-250)异步请求电影数据, 在请求完成后提交mutation。例子：在action中, 根据传入的参数(数字1-250)异步请求电影数据, 在请求完成后提交mutation。状态更改,在mutation中,将查询的结果(传入的参数), 赋值给state中声明的变量。
VScode 工具介绍
06-21
3. **强大的扩展**：拥有数千个官方和第三方插件，覆盖各种功能，如代码高亮、自动完成、调试工具等。 4. **代码片段和活动生成代码**：支持自定义代码片段，提高代码输入效率。 5. **版本控制集成**：内置Git支持，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值