VSCode安装

1.安装

• 直接在官网下载系统对应版本即可(https://code.visualstudio.com/)

2.卸载

• windows : 控制面板-应用程序-Visual Studio Code-卸载

# 卸载完成再删除以下两个文件夹
C:/用户/Administrator/.vscode
C:/用户/Administrator/AppData/Roaming/Code

• mac : 删除访达-应用程序-Visual Studio Code.app

cd ~/ #进入根目录
ls -a #查看是否存在.vscode文件夹
rm -rf .vscode文件夹   #删除.vscode配置文件

3.配置环境变量

• windows : 安装应用程序时，勾选path
• mac : 添加环境变量到.zshrc

cd ~/ #进入根目录
vim .zshrc #或使用open .zshrc
# 添加环境变量(export PATH=/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin:${PATH})
# 重启iterm2后，可使用code . 命令进入vscode(.表示当前文件夹)

# 如配置失败，无法使用终端命令，则在终端中运行下面的命令，进入临时终端
PATH=/bin:/usr/bin:/usr/local/bin:${PATH}
export PATH

4.风格包

打开vscode后，使用快捷键：Ctrl+Shift+x 即可搜索插件

• 语言包language chinese
• 主题 Ayu
• 主题 Material Theme
• 主题 Better Solarized Dark

安装完成后，在窗口左下角点击设置按钮-选择颜色主题即可

5.安装插件

打开vscode后，使用快捷键：Ctrl+Shift+x 即可搜索插件

配置代码片段 : 设置-用户代码片段(删除代码片段只需清空代码片段内容即可)

• Python : 开发环境
• vscode-icons : 项目文件图标库
• WakaTime : 记录工作数据报表，需要到官方网站注册并获取Key
• Code Runner : 支持多种语言的代码立即执行
• Code Spell Checker : 用于检测代码语法
• VS Color Picker : 选择颜色
• vscode-fileheader : 设置文件头
• Auto Rename Tag : 自动重命名标签
• Import Cost : node.js引入文件分析
• Project Manager : 项目管理
• Live Server : 本地服务器
• Language PL/SQL : 支持SQL语句
• leetcode : 刷题
• Zhihu On VSCode : 刷知乎

6.快捷键

macos
windows
linux

按Press	功能Functhion
Command + Shift + P , F1	显示命令面板
Command + P	快速打开 Quick Open
XX	XX
Command + Shift + N	新窗口/实例 New window/instance
Command + Shift + W	关闭窗口/实例 Close window/instance
Command + ，	打开设置

按Press	功能Functhion
command + 方向键	快速移动到代码前/后或文档顶部/尾部
command + U	回到光标初始位置
command + /	单行注释
command + Shift + K	删除单行
Option + 上下方向键	复制光标行代码
Option + Shift + A	块注释
Option + Shift + F	代码格式化
Option + Shift + I	选中内容后批量操作
Option + Shift + F	代码格式化

7.Python相关

A.搭建python虚拟环境

# 终端输入
# python3.8:python版本  -m venv:创建虚拟环境  .venv创建虚拟环境文件夹名称  
python3.8 -m venv .venv

B.搭建Django环境

# 终端输入，创建虚拟环境
python3.8 -m venv .venv
# 然后ctrl+sheft+p选择刚创建的解析器，再重新打开终端

# 安装django框架
pip install  django
# 创建django项目
# mysite:当前项目文件夹名称(一般与文件夹名称同名，也可自定义) .:表示当前文件夹
django-admin startproject mysite .
# 创建一个启动的程序
python manage.py startapp app01
# 运行调试程序(建议通过vscode自带的调试启动工具:工具栏三角形图标)
python manage.py runserver

C.搭建Flask开发环境

# 终端输入，创建虚拟环境
python3.8 -m venv .venv
# 然后ctrl+sheft+p选择刚创建的解析器，再重新打开终端

# 安装flask框架
pip install  flask

# 新建app.py 创建flask项目
from flask import Flask
app = Flask(__name__)
@app.route('/index/')
def  index():
    return"Hello World"
if  __name__  ==  "__main__":
    app.run()
# 运行调试程序(建议通过vscode自带的调试启动工具:工具栏三角形图标)
# 运行成功后打开链接查看：http://127.0.0.1:5000/index/
python app.py runserver