zoukankan      html  css  js  c++  java
  • 前端开发利器VSCode

    最近找到一款非常好用的开发利器,VSCode。一直认为微软做的东西都很一般,这个软件让我刮目相看了。

    之前使用webstorm卡的不行,换了这个非常好用。

    用着还不错,这里记录下一些使用的心得。

    VS Code的官网:

    https://code.visualstudio.com/

    VS Code的官方基础教程:

    https://code.visualstudio.com/docs

    常用快捷键

    Ctrl + /:快速注释或取消注释;

    Ctrl + o:打开当前文件所在目录;

    Ctrl + p:打开跳转到某文件的窗口;

    文件过滤

    VS Code默认会显示所有的文件,但是其中某些文件其实是无法查看的,比如.o文件。

    对于这些文件最好是过滤掉,不要显示在侧边栏中。

    为此可以打开文件->首选项->设置,之后在编辑框中会跳出来默认设置文件和setting.json文件。

    默认设置文件不可修改,我们需要在setting.json文件上对默认设置进行覆盖,如下所示:

    最右边的就是setting文件,增加的代码如下:

    1. // 将设置放入此文件中以覆盖默认设置  
    2. {  
    3.     // 配置 usr 模式以排除文件和文件夹。  
    4.     "files.exclude": {  
    5.         "**/.git": true,  
    6.         "**/.svn": true,  
    7.         "**/.hg": true,  
    8.         "**/.DS_Store": true,  
    9.         "**/*.o": true,  
    10.         "**/*.o.cmd": true  
    11.     }  
    12. }  

    files.exclude就是过滤文件设置,这里的前4条是默认的,后面两条是新增的。

    1. "**/*.o": true,  
    2. "**/*.o.cmd": true  

    表示的是忽略所有以.o和.o.cmd结尾的文件。这样在VS Code中就不在会显示这些文件。

    这里也可以控制不显示文件夹,比如

    1. "**/Build": true  

    这里就隐藏了Build这个文件夹。

    setting.json中当然还可以进行各种的设置,可以参看左侧的默认设置,进行自定义的修改。

    使用VS Code进行Python调试

    1)首先需要下载Python的插件:

    点击红框中的部分,可以选择不同的插件,这里已经是安装了Python插件之后的结果。

    2)之后选择“文件->ngs.json中修改成本机的python位置:

    3)打开Python文件所在的文件夹,就可以进行调试了:

    需要注意光打开文件是没有用的,必须要打开文件所在的目录才行。

    VS Code还会在该目录下创建一个.vscode目录,其中包含可配置文件launch.json。

    自定义代码片段

    选择"文件->首选项->用户代码片段",会跳出来如下的窗口:

    根据需要选择其中的以下,比如这里想要创建一个注释片段,可以选在纯文本。

    在打开的plaintext.json中添加自定义的代码片段,下面是一个例子:

    蓝字部分的解释:

    Comment:自定义的名字,随便取,表明这个代码片段的意义即可;

    prefix:快捷字段,在后续的代码编辑时输入对应的值,比如这里的ct,就会提示使用这个代码片段;

    body:代码片段的实际内容;

    description:输入prefix值之后弹出的提示中的注释。

    下面是实际使用的效果:

    点击回车后:

    其它

    VS Code可以切换换行符,一般Windows和Unix类系统使用的换行符又差异,而VS Code两者都支持且可以任意切换。

    如上述右下角的红框所示,这里显示了当前的换行符,左键点击这里就可以进行设置。

    使用它来做React项目开发完全不卡。

    推荐大家使用这款软件。

  • 相关阅读:
    Redis数据类型及操作详解
    【Linux】——搭建redis
    【Linux】——搭建nexus
    更多体会,更多收获!(2015年终总结)
    【WebService】——入门实例
    HashSet如何判定两个元素相同
    WEB-INF目录
    Java基础——集合
    从零开始配置Jenkins(三)——用户权限管理
    Activiti工作流(三)——流程变量
  • 原文地址:https://www.cnblogs.com/owenma/p/7878890.html
Copyright © 2011-2022 走看看