本文已参与[新人创作礼]活动，一起开启掘金创作之路。

由于以前前端开发一直用的webstorm开发，最近用了vscode开发，感觉vscode需要装一些插件，没有webstorm这么好用，不过vscode是免费的，已经很好了。在使用时，遇见了一些问题，现总结如下：

1.vscode一些vue开发的简单插件

在vue开发时，使用vscode打开文件后，代码都是灰色的，写代码没有提示，所以需要安装一些相关插件（这里主要是在vue2的基础上安装插件）：Vue 2 Snippets和Vetur。插件安装好后写代码就有提示了。

vue中，在html代码中点击写的css，需要定位到style里面的css类，安装插件CSS Navigation。

vue中，在html代码中点击写的方法，需要定位到写的方法，安装插件vue-helper。

1.vscode的git代码提交

点击图标，查看修改的文件列表。

点击+号，把需要提交的文件放入Stage Changes中。

比如，只把package.json提交，vue.config.js不提交。

暂存后，需要commit。

然后填写备注，回车结束。

注意，还需要进行最后一步push一下。当然，如果提交代码前没有pull代码，需要先pull再push。

完成了，可以去从仓库查看提交记录了。

但是，有时pull代码下来，会有冲突，需要使用compare对比两个文件。vscode没找到，需要安装插件，所以用了webstorm的compare。

拉代码，若有冲突，则先compare，项目名上右键，如图：

提交代码有两种方式(一定要在push前pull一下代码！)：

通过点击目录一步一步提交，顺序为 Add->Commit Directory->push

直接点击右上角勾。

记住要写提交信息。

可以先commit再push，也可以直接点击Commit and Push。

先进入项目所在位置，打开git命令窗。

若全部修改的都提交，步骤如下：

git add . -> git commit -m '提交信息' -> git pull -> git push

若想要提交部分文件:

git add 文件1 文件2 -> git commit -m '提交信息' -> git pull -> git push

查看修改了的文件：

git status 红色文字就是修改了的文件

查看具体文件改动的内容：

git log --pretty 配合 git show

git log --pretty vue.config.js 会出现很多commit 加一长串的值，如commit de1922028d8acce0008c47c612e3fac87bbf0bc1，每一次改动就有一个这样的值，值均不同。

git show de1922028d8acce0008c47c612e3fac87bbf0bc1，就可以查看具体哪次改动了哪些地方。