前情概要
我主要用过的编辑器是Hbuilder
和atom
,但是Hbuilder
的界面感觉不太好看而且启动很慢。atom
最近被我装一堆插件,好像玩坏了,每次一开软件,就各种报错,直接提示是否强制关闭
,看到尤大
也用vscode
了就看看这个软件。
1 下载过程
打开官网进行下载,在我点击下载之后,网址跳转到https://vscode-update.azurewebsites.net/latest/win32-x64/stable,没有正在下载的提示,页面直接显示
无法访问此网站
连接已重置。
整个人很懵,感觉到了深深的恶意,你好歹能让我下软件,瞅两眼去下载插件的时候再显示这个,我倒还有些心理安慰,我赶紧翻了个墙,插播广告影梭大法
好,翻了墙之后,vscode
软件下载还是很快的只有40.5 MB
,下载的文件名是VSCodeSetup-x64-1.15.1.exe
,不过好像在网络情况比较好的情况下不用翻墙就可以下载。
2 安装过程
作为一个英语战五渣的人,幸好没有一路点击next
,在选择完软件安装路径之后,同意了软件安装协议之后,出现选项是否将vscode添加到右键查看
就是在文件管理器选择对应文件夹和文件时能不能通过右键之间选择vscode
查看,真的是多看了一眼,赶紧勾选,还有是否将vscode在桌面生成快捷方式
,赶紧勾选。
之后就是慢慢安装了,感觉安装过程有丢丢慢,我感觉我都刷了半天知乎了,还没安装完。
3 软件初体验
软件安装完成之后,会默认直接运行VSCODE
,当然这也是我想要的,我就直接点击确定了。VSCODE
一打开,第一反应就是安装插件,感觉VSCODE
的图标提示作用对我这种小白不太明显,除去header中的一些默认功能,在软件最左侧有些快捷跳转。
3.1 files-文件管理器
通过这个入口可以管理当前打开文件夹的目录树,也可以管理当前打开的面板,下载对应的文件图标管理插件,界面显示效果挺好。
3.2 find-单独的搜索界面
在VSCODE
中通过ctrl+H/F
快捷键出来的搜索框只能在当前面板最上方进行显示,并不能移动位置,这个体验有丢丢不太好,所以为了弥补这个在左侧专门弄了一个入口可以将搜索框固定在左侧,可以选择需要查询和替换的文件范围,也可以排除一定文件,对于经常在Studio
中在当前项目中进行全部匹配的查找之后,忘记改回仅在当前文档中进行替换的我来说,这个体验要点赞。
可是显示了固定了搜索面板之后,目录树面板就不能显示,感觉体验也不太好,全部替换按钮有丢丢隐蔽,那个按钮我还以为是切换英文大小写。
我写好要查找条件和替换结果之后完全不知道要干嘛,只能尝试性的用了一下ENTER
,这个是对当前文件夹下的所有文件进行匹配查询返回查询结果,有多少文件中包含该查询条件,在每个包含中显示当前文件中使用到的次数,我就在查询反馈的结果中选择替换,每一次替换,右侧文件预览的页面就会跳出修改结果的版本对比,感觉这个功能有丢丢鸡肋,我就替换了几个小地方,结果你给我开了一堆面板,这个不太好吧。
3.3 git-版本管理入口
我对于git指令
几乎就是不熟悉,完全就是开心的把所有的按钮
都点击了一遍,日常骄傲.jpg
。
首先打开对应的包含.git
管理文件夹
第一步 先选择同步/避免相关修改冲突/
第二步 进行相关修改
第三步 暂存所有修改
第四步 commit
所有修改,将存在暂存区
的文件进行提交
第五步 拉取所有修改git pull
第六步 推送所有修改git push
第七步 输入当前git
对应文件的远程仓库用户名
和密码
第八步 如果输出控制台没有任何报错,则说明push
成功,如果说有报错请按照报错说明对文件进行相关修改。
3.4 debugging-调试入口
这个我目前没有使用到,对于软件主要是编辑markdown
和写一些html
,以后用到再说。
3.5 plugin-插件管理入口
这里说些我目前觉得必装的插件
3.5.1 Auto-Open Markdown Preview
你打开一个markdown文件,右侧会对当前文件进行预览显示。
3.5.2 Markdown Preview Github Style
你打开一个markdown
文件,预览效果与你在Github
上的预览效果是一样的,VSCODE
上默认的预览高亮不会改变背景颜色,只会改变字体颜色,还有和平常使用atom
预览的效果有很多不同,所以你如果要用VSCODE
写markdown
,建议要安装这个。
3.5.3 markdownlint
管理现有markdown的格式正确性
3.5.4 anyview
原本专门下载了html preview
,结果效果不太好,当时一起下载了好几个关于html预览的插件,感觉这个还不错。
3.5.5 Git History
可以在控制台直接打印当前版本操作的git指令,推荐安装。
3.5.1 Material Icon Theme
根据文件类型,自动显示对应的文件图标,这个是我看几个主题中,显示的比较友好的一款,推荐安装。