VSCode入门教程

最近开始用VSCode开发。刚下好软件的时候,一脸懵:和想象中的不一样啊。所以查资料后总结了这篇教程。

一、为什么要用?

轻量级、支持非常多的插件、某厂前端专用(顶锅盖)....

个人感觉是吸取了sublime的轻量,又有IDEA的调试和git功能,并且支持多插件

二、布局

VSCode入门教程

三、导入git项目

刚开始点开左侧git栏时会提示[There are no active source control providers.]

这是因为vsc不提供创建git项目功能,所以需要先创建git项目,然后打开再用它编辑。

打开本地的git项目后,对文件进行修改会自动**vsc的git工具

VSCode入门教程

四、让语法检检查器支持es6语法

要支持es6的话,需要在项目下建一个jsconfig.json,内容如下:

{
    "compilerOptions":{
        "target":"ES6",
        "module":"commonjs"
    }
}

五、常用插件

待补充

 


操作参考手册:http://i5ting.github.io/vsc/