zoukankan      html  css  js  c++  java
  • vscode简单使用介绍及个人常用扩展插件

    vscode全称Visual Studio Code 是微软开发一款IDE,官方地址 vscode  作为一款前端编辑器功能很强大,灵活,可以根据个人喜好选择扩展插件,而且还支持多种开发语言,

    关于vscode的几点小提示:

    1)默认情况下vscode会读取操作系统的显示语言进行匹配,如果语言环境获取不到,就会显示默认英语;

    2)vscode提供了各式主题颜色,可供用户偏好选择

     ——状态栏 :文件=> 首选项 => 颜色主题(或者 点击 左下角 设置符号弹出来选项框)

    3)vscode提供了各类文件图标icon主题,可供用户偏好选择

     ——状态栏 :文件=> 首选项 => 文件图标主题(或者 点击 左下角 设置符号弹出来选项框)

    效果如下:

    4)快捷键 keybindings

    ——推荐几个常用的快捷键

    ——1)“Ctrl+B” => 隐藏 /显示左侧导航

    ——2)“Ctrl+K” +"Z" => 切换至全屏模式(禅宗模式)有利于集中注意力开发

    ——3)“Ctrl + +”  => 放大编辑器页面字体

    ——4)“Ctrl + -”  =>缩小编辑器页面字体

    ——5)“Ctrl + /”  => 代码注释

    ——6)“Ctrl + S"  => 文件保存

    ——7)“Ctrl + Shift + Y "  => 显示/隐藏底部控制台

    ——8)“!+ Enter “ => 一键生成HTML内容

    前端开发常用的扩展插件:

    1)Code Runner  必备的插件,可以直接帮助运行我们的代码,(在编辑区=>右键鼠标=>Run Code =>编辑区底部查看运行结果)

    2)JavaScript (ES6) code snippets  支持ES6的代码片段;

    3)npm 

    4)npm intellisense 可以智能提示npm相关的命令

    5)Open HTML in Default Browser 据说是中国人开发的,可以让我们编辑的html直接在浏览器中打开

    还有一些其他的vue,angular,react等前端框架都有想用的扩展插件,可以按需下载安装;

    扩展插件的查找安装:

    注:如果扩展插件下载安装好无效,单击‘’重新加载‘’,如果还是不行,就卸载插件然后重新安装

  • 相关阅读:
    显示图案
    圆的面积和周长
    Python基础--list列表删除元素
    Python基础--列表添加元素
    Python基础--列表创建访问删除
    Python基础--序列简介
    一个网页通用的测试用例(转载)
    测试计划与测试方案的区别
    判断一棵树是否是二叉平衡树
    判断丑数与寻找丑数
  • 原文地址:https://www.cnblogs.com/web-wjg/p/9230224.html
Copyright © 2011-2022 走看看