下载安装

下载官网:https://code.visualstudio.com/


下载打开后,界面还是英文界面,第一件事就是先安装中文语言包。

找到商城 -> 搜索 chinese

安装成功后,重启软件即是中文界面

配置python开发环境

5.png

电脑安装好Python环境,vscode就会去寻找路径 重启之后即可编写Python程序。

界面美化

主题安装

个人觉得默认这个颜色就挺好看的,看起来舒服。

文字大小

背景图片
商场 -> 搜索 background

选择图片,设置透明度 我这里设置成 0.9

现在界面就非常漂亮了,写代码也是比较输入的。

图标主题
商场 -> 搜索 VSCode Icons


插件推介
我常用的一些插件
PHP Intellisense (php代码语句提示)

open in browser(HTML代码右键运行)

php cs(php代码格式化)

JS-CSS-HTML Formatter(JS/CSS/HTML格式化工具)

Markdown Extended(Markdown 扩展)

markdownlint(Markdown 语法语法检查器)

Markdown Preview(Markdown 实时预览)

常用插件

  1. PHP IntelliSense PHP(opens new window)
  2. PHP Intelephense(opens new window)
  3. PHP Extension Pack PHP扩展集合(opens new window)
  4. PHP Debug PHP调试插件(opens new window)
  5. php cs fixerPHP代码格式化插件(opens new window)
  6. Laravel Blade Snippets(opens new window)
  7. laravel-goto-controller(opens new window)
  8. Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets(opens new window)
  9. Laravel代码片段(opens new window)
  10. Laravel Artisan(opens new window)
  11. Markdown Preview Enhanced Markdown预览(opens new window)
  12. WakaTime记录工作数据报表 (opens new window),需要到官方网站 (opens new window)注册并获取key
  13. Vetur一个好用的Vue.js开发插件(opens new window)
  14. Code Runner 支持多种语言的代码的立即执行(opens new window)
  15. Code Spell Checker 用于检测代码语法(opens new window)
  16. VS Color Picker 选择颜色(opens new window)
  17. vscode-fileheader 设置文件头(opens new window)
  18. auto-close-tag 自动结束HTML标签(opens new window)
  19. auto-rename-tag 自动更改HTML标签名(opens new window)
  20. easy-less 编译LESS(opens new window)
  21. faker 随机生成图片等信息(opens new window)
  22. carbon-now-sh 生成漂亮的代码截图(opens new window)
  23. Highlight Matching 高亮匹配标签(opens new window)
  24. Settings Sync 在不同电脑间同步配置(opens new window)
  25. Code Runner 编辑器中运行代码(opens new window)
  26. Live Server 浏览器自动刷新(opens new window)
  27. tabnine AI代码自动补全(opens new window)
  28. 将代码生成漂亮的图片(opens new window)
  29. Prettier 代码格式化(opens new window)
  30. vscode-intellij-recent-files 快速在最近编辑文件切换(opens new window)
  31. Bracket Pair Colorizer 2 代码块快速匹配(opens new window)
  32. EditorConfig 格式化配置Laravel 开发必装(opens new window)
  33. IntelliSense for CSS class names 自动提示类名(opens new window)
  34. filesize 查看源文件与压缩后大小信息
Last modification:March 31st, 2021 at 01:13 pm
END
本文作者:
文章标题:Visual Studio Code
本文地址:http://je1ry.cn/2021/02/25/21.html
版权说明:若无注明,本文皆Je1ry's Blog原创,转载请保留文章出处。
如果觉得我的文章对你有用,请随意赞赏