微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Python+VSCode是我的心头爱,飞一般的Coding体验!

大家好

我是coco小锦鲤今天给大家介绍一个轻量级的神器就像你写文章时会用word提Bug要用缺陷管理平台
修图用PhotoShop写代码也需要一款好的编辑器今天给大家介绍VSCode编辑神器为什么是VSCode呢?因为VSCode更轻量,界面更美观又有一堆自定义的快捷键用得会很顺手PyCharm较占内存要自己重新设置一遍快捷键特别是npm install 之后,电脑都能卡死包括代码字体颜色什么的,好麻烦

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

好在pycharm上有的功能VSCode上基本也满足需求以后说不定对Python支持越来越多不是专业开发Python推荐用VS而且它和PyCharm根本不是相互冲突的大可以两个都安装

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=


Visual Studio Code作为微软官方推出的一款实用的代码编辑器,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化代码智能提示补全、emmet插件等,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。

以下介绍VSCode的安装、基本使用、基本设置以及VSCode下用git管理代码

一键安装下载链接

关注ITester软件测试小栈,后台回复“VScode”即可获得,有图有真相:

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

一VSCode安装

(1)  安装前,建议先关闭360,金山毒霸等杀毒软件,不然可能会影响顺利安装哟~

(2)  点击coco分享百度链接,将安装包保存到自己的电脑,点击下载。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

错误操作:解压安装软件的时候,直接双击,在解压软件中点击安装。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

正确操作:右键点击压缩文件,选择解压到当前文件夹,保证安装软件下载到了你的电脑,否则安装后会出现如下的路径问题。

(3) 下载后,双击安装极速版。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(4)  双击安装之后,等待安装,不要做任何操作。(如果安装不成功,那就再次执行一下:回到第三步,重新双击安装包)

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

如果你看到下面的界面,都是正常的,不用担心哒~

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(5)  点击确定就安装成功啦,由于缓存的问题,你第二次打开VSCode就是中文版的啦~

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

二VSCode使用

(1) 首先在自己电脑新建一个专门写Python代码文件夹(建议使用英文命名)。

然后打开VScode,在弹出的界面点击“打开文件夹” (或者点击顶端菜单栏的“文件”,再选择“打开文件夹”),选择你创建的文件夹。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(2)打开你刚刚建立的文件夹,新建文件,编写Python代码。每次新建Python文件,点击你文件夹旁边的“新建文件”按钮——输入“文件名.py”,点击回车。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(3)在弹出的新页面,敲入Python代码:print("hello!")  

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(4)在代码区右击鼠标,选择“在终端中运行Python文件”。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(5)新版本的VScode也可以直接右击文件名运行。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

(6)在弹出的终端窗口,会显示运行结果。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

注意:在第一次运行程序的时候,会提示你安装pylint,点击安装即可,若没有弹出可忽略。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

三VSCode基本设置

(1)设置主题文件→首选项→颜色主题

(2)设置字体大小:文件→首选项→设置,打开了一个setting.json文件,将左边的设置复制到右边进行覆盖生效,所有编辑器的设置都在这里修改

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=


(3)设置快捷键:

每个人的操作习惯不同,使用的快捷键也不同,在VScode中,我们可以根据自己的习惯来设置自己的快捷键。设置非常简单:文件→首选项→键盘快捷方式。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

打开之后,我们便可以搜索要设置快捷键的功能,比如要给切换行注释这个功能添加快捷键。那么可以搜索"注释",找到并双击这个功能选项,进行输入快捷键,最后点击回车确认即可。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

以下列举VSCode常用的快捷键。

1. 在当前行中间换行到下一行:ctrl+enter ;
2. 当光标点击到某一行时,认选中全行,可以直接复制剪切 ;
3. 直接删除某一行:shift+delete;
4. 多行光标选择:alt+鼠标左键 ;
5. 自动生成html结构和Meta声明:首先输入“!”,然后按tab键 ;
6. 标签自动补全:tab键 ;
7. 折叠所有代码:ctrl+k、ctrl+0 ;
8. 拆分编辑器:ctrl+\ ;
  查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 ;

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

 
9. 跳转行号:ctrl+G ;
10. 添加函数注释:在函数上方输入“/**”,然后点击enter ;

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=


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,如图所示。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

现在,我们在master分支上提交代码

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

第一步,先暂存要提交的文件

第二步,填下提交日志;

第三步,点击对勾按钮完成提交;

提交好了之后还需要拉取git远程分支的代码才能推送。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

第四步,拉取远程代码解决冲突;

第五步,推送到远程分支上;

然后就没有然后了,提交完成。

好了,今天就到此为止,记得自己动手安装VSCode环境,并熟悉基本操作哟~


版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐