前端开发工具: VSCode

这篇具有很好参考价值的文章主要介绍了前端开发工具: VSCode。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

VSCode 安装使用教程(图文版) | arry老师的博客-艾编程

1. 下载

在官方网站:https://code.visualstudio.com/

下载最新版本的 VSCode 即可

2. VSCode 常见插件安装

所有插件安装后,需要重启一下才生效

2.1 简体中文语言包

前端开发工具: VSCode,前端学习2023,vscode

 文章来源地址https://www.toymoban.com/news/detail-669952.html

2.2   编辑器主题选择、设置

前端开发工具: VSCode,前端学习2023,vscode

 前端开发工具: VSCode,前端学习2023,vscode

 

2.3 vscode-icons 显示代码图标

前端开发工具: VSCode,前端学习2023,vscode

 前端开发工具: VSCode,前端学习2023,vscode

前端开发工具: VSCode,前端学习2023,vscode 

2.4 open in brower 通过编辑器直接打开默认浏览器 

前端开发工具: VSCode,前端学习2023,vscode

前端开发工具: VSCode,前端学习2023,vscode 前端开发工具: VSCode,前端学习2023,vscode

 

前端开发工具: VSCode,前端学习2023,vscode

 

2.5 Live Server 开启本地服务器

前端开发工具: VSCode,前端学习2023,vscode

 

前端开发工具: VSCode,前端学习2023,vscode 

2.6 Auto Rename Tag 自动修改标签对名称 

 前端开发工具: VSCode,前端学习2023,vscode

 2.7 carbon-now-sh 将代码生成一张图片

前端开发工具: VSCode,前端学习2023,vscode

 

2.8 prettier 格式化代码前端开发工具: VSCode,前端学习2023,vscode

 

到了这里,关于前端开发工具: VSCode的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • VsCode开发工具的入门及基本使用

    大家好,我是[阿猫的故乡]。很高兴能有机会与大家分享关于VsCode开发工具的入门及基本使用的知识。 文章目录 文章目录 前言 一、VsCode是什么? 二、使用步骤 1.如何下载 2.如何使用 总结 在开发者社区中,Visual Studio Code(简称VS Code)已经成为最受欢迎的文本编辑器之一。作

    2024年02月02日
    浏览(70)
  • 开发工具:VSCode 摸鱼神器,确定不试一下?

    现在使用 VsCode 编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝。 以其可支持扩展程序(通过安装扩展程序,VS Code 可以支持更多新的语言、界面主题、测试器,以及更多的增值服务),而备受广大开发者追捧。除了开发插件外,有哪些可

    2024年02月04日
    浏览(48)
  • vscode开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

    1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧: (1) Ctr+鼠标 点击

    2024年02月10日
    浏览(68)
  • vscode开发小程序项目并在微信开发者工具运行

    需求:vscode开发uniapp之后在微信开发者工具运行,更改的时候微信开发者也同步更改 创建微信小程序所需插件,在vscode的插件管理里面安装就可以了 1.微信小程序开发工具 2.vscode weapp api 3.vscode wxml 4.vscode wechat 1.创建小程序命令 这里的uniapp-vue是项目名称,不能大写 2.选择un

    2024年02月09日
    浏览(61)
  • Python教程(3)——python开发工具vscode的下载与安装

    python的开发工具有很多款,很多都是非常好用的,其中vscode作为其中一款Python的开发工具,是非常轻量级的,今天我们来介绍一下vs code的下载与安装。 首先需要到vscode的官网,这个谷歌或者百度一下就可以搜到,然后根据你的系统下载你对应的版本,我这里使用的window,所

    2024年02月16日
    浏览(53)
  • 【01】基础知识:typescript安装及使用,开发工具vscode配置

    typeScript 是由微软开发的一款开源的编程语言。 typeScript 是 javascript 的超级,遵循最新的 es6、es5规范。 typeScript 扩展了 javaScript 的语法。 typeScript 更像后端 java、C# 这样的面向对象语言,可以让 js 开发大型企业项目。 全局安装:$ npm install -g typescript 查看 typescript 版本:$ ts

    2024年02月13日
    浏览(56)
  • C/C++开发,关闭vscode中的插件git工具

    安装git后,有git配置的路径,vscode会通过git进行检测。关闭vscode中的插件git工具方法如下:

    2024年02月11日
    浏览(49)
  • 如何使用VSCode将iPad Pro转化为功能强大的开发工具?

    随着平板电脑的普及,大多数人的生活习惯和生活场景都离不开平板电脑的使用,刷剧,看短视频,玩主流游戏等,但是这些只是娱乐性质的场景,那想实现把平板结合到工作或者生产之中场景中呢,如编辑文档,制作工作表格,编写代码? 所以在入手ipad后,为了防止“买前生产力,买

    2024年02月08日
    浏览(67)
  • 微信小程序 ---在Vscode上编辑,微信开发者工具上预览,快速上手

    成功 导入一个已经在开发中项目 设置高亮 拷贝到 settings.json 重启 vscode 打开 wxml 文件 观察 有没有高亮 安装小程序开发插件 全局配置 app.json pages 字段 只能在微信开发者工具中 编辑 pages字段,按下保存 才生效!!! pages 快速创建页面的时候 在里面创建即可 作用 : 快速创

    2024年02月01日
    浏览(83)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包