大家好
修图用PhotoShop写代码也需要一款好的编辑器今天给大家介绍VSCode编辑神器为什么是VSCode呢?因为VSCode更轻量,界面更美观又有一堆自定义的快捷键用得会很顺手PyCharm较占内存要自己重新设置一遍快捷键特别是npm install 之后,电脑都能卡死包括代码字体颜色什么的,好麻烦好在pycharm上有的功能VSCode上基本也满足需求以后说不定对Python支持越来越多不是专业开发Python推荐用VS而且它和PyCharm根本不是相互冲突的大可以两个都安装
Visual Studio Code作为微软官方推出的一款实用的代码编辑器,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。
以下介绍VSCode的安装、基本使用、基本设置以及VSCode下用git管理代码。
一键安装下载链接:
关注ITester软件测试小栈,后台回复“VScode”即可获得,有图有真相:
(1) 安装前,建议先关闭360,金山毒霸等杀毒软件,不然可能会影响顺利安装哟~
(2) 点击coco分享的百度云链接,将安装包保存到自己的电脑,点击下载。
错误操作:解压安装软件的时候,直接双击,在解压软件中点击安装。
正确操作:右键点击压缩文件,选择解压到当前文件夹,保证安装软件下载到了你的电脑,否则安装后会出现如下的路径问题。
(3) 下载后,双击安装极速版。
(4) 双击安装之后,等待安装,不要做任何操作。(如果安装不成功,那就再次执行一下:回到第三步,重新双击安装包)
如果你看到下面的界面,都是正常的,不用担心哒~
(5) 点击确定就安装成功啦,由于缓存的问题,你第二次打开VSCode就是中文版的啦~
二VSCode使用
(1) 首先在自己电脑新建一个专门写Python代码的文件夹(建议使用英文命名)。
然后打开VScode,在弹出的界面点击“打开文件夹” (或者点击顶端菜单栏的“文件”,再选择“打开文件夹”),选择你创建的文件夹。
(2)打开你刚刚建立的文件夹,新建文件,编写Python代码。每次新建Python文件,点击你文件夹旁边的“新建文件”按钮——输入“文件名.py”,点击回车。
(3)在弹出的新页面,敲入Python代码:print("hello!")
(4)在代码区右击鼠标,选择“在终端中运行Python文件”。
(5)新版本的VScode也可以直接右击文件名运行。
(6)在弹出的终端窗口,会显示运行结果。
注意:在第一次运行程序的时候,会提示你安装pylint,点击安装即可,若没有弹出可忽略。
三VSCode基本设置
(1)设置主题:文件→首选项→颜色主题。
(2)设置字体大小:文件→首选项→设置,打开了一个setting.json文件,将左边的设置复制到右边进行覆盖生效,所有编辑器的设置都在这里修改。
(3)设置快捷键:
每个人的操作习惯不同,使用的快捷键也不同,在VScode中,我们可以根据自己的习惯来设置自己的快捷键。设置非常简单:文件→首选项→键盘快捷方式。
打开之后,我们便可以搜索要设置快捷键的功能,比如要给切换行注释这个功能添加快捷键。那么可以搜索"注释",找到并双击这个功能选项,进行输入快捷键,最后点击回车确认即可。
以下列举VSCode常用的快捷键。
1. 在当前行中间换行到下一行:ctrl+enter ;
2. 当光标点击到某一行时,默认选中全行,可以直接复制剪切 ;
3. 直接删除某一行:shift+delete;
4. 多行光标选择:alt+鼠标左键 ;
5. 自动生成html结构和meta声明:首先输入“!”,然后按tab键 ;
6. 标签自动补全:tab键 ;
7. 折叠所有代码:ctrl+k、ctrl+0 ;
8. 拆分编辑器:ctrl+\ ;
查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 ;
9. 跳转行号:ctrl+G ;
10. 添加函数注释:在函数上方输入“/**”,然后点击enter ;
11. 格式化:alt+shift+f ;
12. 注释:ctrl+/ ;
13. 全部保存:ctrl+k, 然后只按s一个键 ;
14. 向上移动一行:alt+↑ ;
15. 向下移动一行:alt+↓ ;
16. 向上复制一行:alt+shift+↑ ;
17. 向下复制一行:alt+shift+↓ ;
18. 查找:ctrl+F ;
19. 替换:ctrl+H ;
20. 文件中查找:ctrl+shift+f ;
可以在打开的文件夹中搜索所有文件内容
21. 文件中替换:ctrl+shift+h ;
22. 转到定义:F12 ;
23. 转到实现:ctrl+F12 ;
24. 打开文件夹:ctrl+o ;
25. 关闭文件夹:ctrl+k, 然后单按一个f;
26. 选中一段代码,通过“ctrl+[”可以左移,“ctrl+]”可以右移;
四VSCode下用git管理代码
git是现在很常见的代码管理工具,VSCode 也有内置的git插件,当然,要是你觉得不完美,可以安装一些常用的git插件等,简单介绍下VSCode 下git的提交步骤。
以GitHub上面新建的一个仓库为例,仓库新建后默认分支是master,在GitHub上新建了2个远程分支develop01和develop02,当你在VSCode中点击切换到某一个远程分支的时候,VSCode会自动给你创建一个和当前远程分支对应的本地分支,如origin/develop02 对应develop02,如origin/master 对应master,如图所示。
现在,我们在master分支上提交代码。
第一步,先暂存要提交的文件;
第二步,填下提交日志;
第三步,点击对勾按钮完成提交;
提交好了之后还需要拉取git远程分支的代码才能推送。
第四步,拉取远程代码,解决冲突;
第五步,推送到远程分支上;
然后就没有然后了,提交完成。
好了,今天就到此为止,记得自己动手安装VSCode环境,并熟悉基本操作哟~