• 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 替换代码

  • 相关阅读:
    如何使用go module导入本地包
    gin-vue-admin 03 项目打包上线
    golang map转xml
    vim简明文档
    goframe gf-cli的使用
    supervisor 的安装与使用
    element Tree 树形控件
    gin-vue-admin开发教程 02 了解项目目录结构和代码执行的流程
    gin-vue-admin开发教程 01安装与启用
    oraclesql遇见的问题(一)
  • 原文地址:https://www.cnblogs.com/honeynan/p/12061731.html
Copyright © 2020-2023  润新知