Vs Code 2019软件安装教程及常用的入门设置
小编认为VsCode是一款非常好用的编辑器,插件丰富,支持的语言种类非常多。我所使用VsCode主要打一些前端的代码,自己感觉very good。
点击运行。
按图所示操作。
安装教程很简单的,主要是介绍如何入门设置。
入门基础设置
首先把编辑器的语言设置为中文,如图所示
一些基本设置(如字体大小设置等等)在下图找,在这里进行一些基础的设置。
简单介绍些主题插件的安装流程:
第一步,点击扩展商店搜索你要找的插件名称如Atom One Dark Theme,点击安装;
安装好了之后只是证明你本地的VS Code上面有这个插件了,还需要将当前使用的主题插件切换成你想要的才行;先打开控制面板,在搜索已安装主题。
推荐几款不错主题哦
One Dark Pro
Atom One Dark Theme
Eva Theme
Material Palenight Theme
安装使用的插件步骤如下:
这里是一些常用插件,选择自己所用到的插件安装。不要都安装,安装多了,编译器会变慢。
VsCode部分插件安装 选择安装哦
Open-In-Browse 快捷菜单中添加默认浏览器打开 HTML Snippets HTML代码提示
HTML CSS Support CSS代码提示补全
HTML Snippets HTML代码提示
Beautify (格式化 html ,js,css)
Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)
jQuery Code Snippets jQuery代码提示
PHP Intelephense PHP代码提示
Live Server 使用服务器的方式打开
easy less less编译插件
cssrem(rem单位转换器) 设置:文件→首选项→设置里搜索cssrem→rootFontSize一般修改为100重启完成
vetur 语法高亮显示
vue2 代码补全提示
这里是一些常用的快捷键:
VsCode常用快捷键
ctrl+/ 注释(VS只能整行注释)
ctrl + f 搜索代码
ctrl + tab 切换代码页面
Ctrl+shift+k 删除选中行
ctrl+enter 另起一行
script:src src链接快捷键
fn+ 上下 左右 代码页面快捷移动
Ctrl+shift+K 删除当前行
shift+alt+↓/↑ 快速复制当前行到下/上一行
fn+ 上下 左右 代码页面快捷移动
ctrl + d 快速选择相同内容
Ctrl + h 替换代码
Vs Code 2019软件安装教程及常用的入门设置的更多相关文章
- Dreamweaver 2019 软件安装教程
下载链接:https://www.sssam.com/1220.html#软件简介 Adobe Dreamweaver,简称"DW",DW是集网页制作和管理网站于一身的所见即所得网 ...
- VMware® Workstation 15 Pro 最新版软件安装教程
VMware 15 Pro下载地址: https://pan.baidu.com/s/1ILY2PTqB-BaJMn2hbKO4CA 提取码:vebd 如有问题咨询QQ:2217084817 VMwa ...
- PyCharm 2019 2.3 软件安装教程(1.补丁破解2.破解码)
一:补丁破解 PyCharm 2019 2.3 下载地址 https://pan.baidu.com/s/1HaWFcbO-x4vZuT6mVC0AGA 提取码:elu7 更多破解教程微信公众号关注“ ...
- SharePoint 2019 图文安装教程
前言 SharePoint 2019刚刚发布,很多群友在寻找安装教程,霖雨正好也下载了进行体验,就把完整的安装过程做成图文教程,分享给大家了,有需要的人可以有个参考. 文章从创建虚拟机开始,可能有点啰 ...
- 学习笔记69—金蝶财务软件安装教程(KIS12.3,win10)
****************************************************** 如有谬误,请联系指正.转载请注明出处. 联系方式: e-mail: heyi9069@gm ...
- pycharm、idea 2018软件安装教程
Python3.7安装: https://www.jb51.net/article/146326.htm pycharm软件: https://www.jianshu.com/p/cf77d74bef ...
- Visual Studio 2010软件安装教程
链接:https://pan.baidu.com/s/10FeLlKpzFcb9yUjm3ZECsg 提取码:pup1 复制这段内容后打开百度网盘手机App,操作更方便哦 1.右击软件压缩包,选择解压 ...
- oracle安装教程及常用命令
虽然网上已经有很多安装教程了,但还是写一个记录一下自己的安装过程以及遇到问题的解决办法 1 安装包下载: 去oracle的官网:https://www.oracle.com/index.html 选 ...
- Mac部分软件安装教程
1.安装Office Office破解版安装教程:https://www.jianshu.com/p/f45894b67ec7 2.安装破解版ps 1.安装ps,最后开始试用 2.解压缩Adobe z ...
随机推荐
- windows下安装了2个python,如何下载模块到不同的python中
修改python名称即可,修改Scrpit下的pip名称即可,用不同的名称打开就行 https://www.cnblogs.com/legend-123/p/11195706.html
- 深挖的Java源代码之Integer.parseInt()vs Integer.valueOf()
Integer.parseInt()和Integer.valueOf()都是用来将String转换为Int的,但是为什么Java会提供两个这样的方法呢,他们如果是同样的操作,岂不是多此一举? 我们来深 ...
- Java基础 - volatile
volatile的作用:对与volatile修饰的变量, 1,保证该变量对所有线程的可见性. 2,禁止指令重排序. Java内存模型(JMM) 原子性 i = 2; 把i加载到工作内存副本i,副本i= ...
- java之集合(Set、List、Map)
java集合类存放于java,uti包中,是一个用于存放对象的容器. 集合只能存放对象,比如存入的是int型数据1,那么它会自动转换成Integer包装类后再存入: 集合存放的是多个对象的引用,对象本 ...
- java之程序流程控制
顺序结构:代码由上至下依次执行: 分支结构: if () { } else{ } if () { } else if () { } else { } switch(常量){ case 常量: 语句; ...
- Swoole如何处理高并发
有需要学习交流的友人请加入swoole交流群的咱们一起,有问题一起交流,一起进步!前提是你是学技术的.感谢阅读! 点此加入该群 swoole如何处理高并发 ①Reactor模型介绍 IO复用异步非阻塞 ...
- router-view 与 动态组件 区别
提问:router-view 可以页面跳转,使用 is特性 也可以进行页面跳转,有什么区别? 参考链接 https://segmentfault.com/q/1010000010750059
- c++ LeetCode(初级数组篇)十一道算法例题代码详解(一)
原文作者:aircraft 原文链接:https://www.cnblogs.com/DOMLX/p/10940636.html 唉!最近忙着面试找实习,然后都是面试的很多是leetcode的算法题, ...
- C#构造函数、属性的应用
using System; using System.Collections.Generic; using System.Text; namespace test { class Program { ...
- BeautifulSoup的重要操作
BeautifulSoup相关概念总结:https://www.cnblogs.com/pythonywy/p/11134481.html css基础以及选择器基础:https://www.cnblo ...