多图预警

我是目录

  • 0 目的：优雅地敲代码
  • 1 安装VS CODE
    • 1.1 打开[vs code官网](https://code.visualstudio.com/)
    • 1.2 点击下载
    • 1.3 安装
      • 1.3.1 双击下载好的文件
      • 1.3.2 选择【我同意此协议】，单击【下一步】
      • 1.3.3 其他的复选框全部勾选【细节】
      • 1.3.4 单击【安装】
      • 1.3.5 等待安装完成即可
  • 2 安装keil
  • 3 “安装”MinGW
    • 3.1 打开[MinGw官网](https://www.mingw-w64.org/)
    • 3.2 点击【Downloads】
    • 3.3 点击【MingW-W64-builds】
    • 3.4 建议点击【Sources】下的【SourceForge】
    • 3.5 下载你需要的版本
      • 3.5.1 点击【mingw-w64】回到上一级目录
      • 3.5.2 往下滑，选择你需要的版本
    • 3.6 解压下载的压缩文件
    • 3.7 “安置”MinGW
    • 3.8 打开环境变量
    • 3.9 添加MinGW到环境变量中
      • 3.9.1 选中【path】，点击怕【编辑】
      • 3.9.2 新建环境变量
      • 3.9 3 把MinGW的【bin】文件夹路径复制到新建的变量中
  • 4 安装vs code 插件
    • 4.0 如何安装插件
    • 4.0.1 打开vs code
    • 4.0.2 点击侧边的扩展按钮
    • 4.0.3 输入扩展名称关键字，点击安装即可
    • 4.1 汉化插件
    • 4.2 C语言支持
    • 4.3 keil工程支持
      • 4.3.1 在详情页点击小齿轮，点击扩展设置
      • 4.3.2 把keil的UVx.exe的路径复制到红色方框中
  • 5 使用教程
    • 5.1 新建一个keil工程
    • 5.2 配置keil工程
      • 5.2.1 点击【project】，点击【Options for Target ……】
      • 5.2.2 选择第六个标签页【C51】，单击“Include Paths"右侧的【…】
      • 5.2.3 按图示操作
      • 5.2.4 build工程，使设置生效
    • 5.3 用vs code打开keil工程
    • 5.4 其他
      • 5.4.1 编译
  • 6 其他
    • 6.1 插件推荐
      • 6.1.1 软件背景壁纸
      • 6.1.2 用过都说好
  • 7 视频链接
  • 8 结束语

0 目的：优雅地敲代码

keil 5 能用，但是界面简陋（相对而言）

vs code可以结合扩展任意配置成自己想要的模样。

1 安装VS CODE

1.1 打开vs code官网

1.2 点击下载


可以直接点击Download ，或者下拉选择适合你操作系统的文件。

1.3 安装

1.3.1 双击下载好的文件

1.3.2 选择【我同意此协议】，单击【下一步】

1.3.3 其他的复选框全部勾选【细节】


前两个方便我们打开文件夹：
比如现在我们有一个keil工程，需要用vs code编辑，如果勾选了前两项的话，可以直接再keil工程所在文件夹空白处右键，右键菜单上就会有【通过 code 打开】之类的选项，选择这个选项后vs code就会打开这个文件夹，方便得很；
如果没有勾选，就需要先打开vs code，然后在菜单栏上选择【文件】，然后点击【打开文件夹】，然后再一级一级找到你需要打开的文件夹。
舒适程度显而易见的嘛！

1.3.4 单击【安装】

1.3.5 等待安装完成即可

2 安装keil

这个想必大家都会的，不然也不会点进这篇文章的吧，实在不会的可以自行百度哈，网上的教程一大把的。

3 “安装”MinGW

3.1 打开MinGw官网

3.2 点击【Downloads】

3.3 点击【MingW-W64-builds】

3.4 建议点击【Sources】下的【SourceForge】

3.5 下载你需要的版本

3.5.1 点击【mingw-w64】回到上一级目录

3.5.2 往下滑，选择你需要的版本

这里我下载的是最新版。

3.6 解压下载的压缩文件

你就会得到这个：

3.7 “安置”MinGW

把刚刚解压出来的文件夹（文件夹包含上一步的所有文件）复制到一个不太容易被误删的地方，或者是自己习惯安装软件的地方，或者省事直接复制到C盘的根目录下。
笔者之前选择在了习惯安装软件的位置，用着也没事的：（也忘了装的什么版本）

3.8 打开环境变量

win10系统按下【WIN+S】打开搜索，输入环境变量，打开搜索结果；

接着点击【环境变量】

3.9 添加MinGW到环境变量中

3.9.1 选中【path】，点击怕【编辑】

3.9.2 新建环境变量

3.9 3 把MinGW的【bin】文件夹路径复制到新建的变量中

效果：

至此，环境变量应该是配置好了
ps：现在的vs code再结合【C/C++】插件已经可以写C语言了！好耶

4 安装vs code 插件

4.0 如何安装插件

4.0.1 打开vs code

4.0.2 点击侧边的扩展按钮

4.0.3 输入扩展名称关键字，点击安装即可

4.1 汉化插件

名称：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
（其实只要搜Chinese即可，点那个安装量最多的总没错）

4.2 C语言支持

名称：C/C++

vs code本身是不支持C语言的，但是它支持插件啊！

4.3 keil工程支持

名称：Keil Assistant
链接：Keil Assistant

4.3.1 在详情页点击小齿轮，点击扩展设置

4.3.2 把keil的UVx.exe的路径复制到红色方框中


一般情况下就是配置好了，如果你是一步一步跟着做过来的，建议重启一次电脑，让一些设置生效。

5 使用教程

5.1 新建一个keil工程

想必这个大家都会吧，不会的可以百度，这个教程也很多的。

5.2 配置keil工程

5.2.1 点击【project】，点击【Options for Target ……】

5.2.2 选择第六个标签页【C51】，单击“Include Paths"右侧的【…】

5.2.3 按图示操作


添加之后的效果：

5.2.4 build工程，使设置生效

5.3 用vs code打开keil工程


在keil工程所在目录下右键，选择【通过code打开】。
打开之后的效果：

和桌面壁纸完美结合。

5.4 其他

5.4.1 编译


点击图示按钮即可对keil工程编译，效果：

待补充

6 其他

6.1 插件推荐

6.1.1 软件背景壁纸

我用的是：background-cover

使用方法也很简单：

按提示选择一个适合的图片就行。

6.1.2 用过都说好

名称：Rainbow Fart

安装完成之后，快捷键【CTRL+SHIFT+P】，输入或者选择【Enable Rainbow Fart】

点击【Open】

按提示点击授权即可。

7 视频链接

第一版：B站、某乎
第二版：某乎

8 结束语

大致的流程就是这样，最后得到的效果就是舒服的code方式。
这种方式好像是还不太能够调试，先凑合用着keil吧。

更新日志

时间 内容
2021-09-22 建立博客，仅视频链接无文字稿
2022-02-11 完善文字稿
2022-02-12 修正3.5mingw下载方式、图片居中处理

【教程】如何优雅地使用vs code代替keil开发51单片机/STC单片机相关推荐

  1. vscode 乱码_如何使用VS Code 编辑Keil项目(51/STM32)

    Keil作为一个很优秀的集编辑和编译于一体的开发软件,使用起来非常方便,记得10多年前我在大学51单片机的时候,用的就是Keil uvision2,现在已经是Keil uvision5了. 不过,令我 ...

  2. koder code editor使用教程_教程 | 使用VS Code舒适地开发Verilog HDL V1.1

    使用 Visual Studio Code 舒适地开发 Verilog HDL 入门级教程 V1.1 By 胖头鱼 前言 距离上一篇教程已经过去了六个月,同学们也经历了一学期的线上学习.经过了数电与电 ...

  3. 超级无敌VS Code配置Java开发环境教程

    如何在VS Code配置Java开发环境 参考翻译自官方文档:https://code.visualstudio.com/docs/java/java-tutorial 1.建立VS Code的Jav ...

  4. 在Visual Studio Code配置GoLang开发环境

    在Visual Studio Code配置GoLang开发环境 作者:chszs,未经博主允许不得转载.经许可的转载需注明作者和博客主页:http://blog.csdn.net/chszs Visu ...

  5. 使用Visual Studio Code设置Python开发环境

    目录 布局 Windows集中式安装 假设与要求 在Windows上安装 安装VS代码 安装VS代码扩展 在Windows上设置Python开发环境 安装Python 创建一个虚拟环境 创建项目和设置 ...

  6. Go 学习笔记（1）— Ubuntu 系统 Go 环境搭建、VS Code 配置 Go 开发环境、VS Code 远程开发配置

    1. 安装说明 Ubuntu 下直接安装 Go 1.11 版本编译器时需要依赖 Go 1.4 版本.所以如果在使用 apt-get install go安装时参考以下链接安装:https://blog ...

  7. Visual Studio Code搭建TypeScript开发环境

    转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...

  8. 终极指南：如何使用Visual Studio Code进行 Java 开发？

    VS Code(Visual Studio Code)已成为多语言开发人员的首选文本编辑器. 大量Javascript.TypeScript.Go.Python 和其它语言的开发人员都在使用VS Co ...

  9. vs code 开发企业级python_基于VS Code配置Python开发环境

    学习Python也有一段时间了,总感觉学的比较零碎,不成系统,我想应该是因为我没有及时对学习过程进行记录,主要是懒,呵呵~~~那好,以后就在这个平台记录下python学习的点滴吧. 所谓"工 ...

最新文章

  1. 遏制企业数据泄露之殇，大咖切磋云安全的攻防之道
  2. (视频+图文)机器学习入门系列-第1章 引言
  3. strcpy_s、sptintf_s与strcat_s的使用
  4. java中接口文件创建_功能接口简介–在Java 8中重新创建的概念
  5. pycharm可视化数据库
  6. extjs jquery使用场合
  7. python对象特性教学_Python三个面向对象特性多态性的实用解释,实践,解读,丨,三大,特征,之...
  8. 新浪微博客户端(27)-格式化工具条显示数字
  9. leetcode字符串练习--整数反转
  10. 江开计算机应用基础作业1答案,江苏开放大学计算机应用基础形考第二次作业答案.doc...
  11. 异常处理与MiniDump详解 4 MiniDump
  12. WINHTTP的API接口说明
  13. java 工作流引擎调研总结
  14. 【懒人神器】鼠标自动连续点击器免费下载
  15. DeblurGAN-v2: Deblurring (Orders-of-Magnitude) Faster and Better阅读笔记
  16. 操作Python列表Ⅰ
  17. Unity 制作font字体
  18. Pytorch---DDP使用
  19. 如何制定学习计划 - 褪墨
  20. 3.3.3 反相比例运算放大电路

热门文章

  1. web全栈-第一讲：web开发基本知识点
  2. 计算机pe启动蓝屏怎么办,U盘重装系统进入PE蓝屏怎么办
  3. List的removeAll方法异常
  4. SMART PLC如何修改运动控制向导生成的点动速度(JOG_SPEED)
  5. 511遇见易语言文本替换和子文本替换
  6. 最长上升子序列（LIS) 学习总结
  7. 区块链学习路径，看这一篇就够了 | FISCO BCOS
  8. pwn题堆利用的一些姿势 -- IO_FILE
  9. iOS_导航栏的navigationBar.hidden与navigationBarHidden的区别
  10. 【34. 完全背包】