移动端开发Mac M系列安装配置VSCode - Powered by Discuz! Archiver

南飓风 发表于 2024-6-13 21:51:03

Mac M系列安装配置VSCode

一、终端输入

[*] 安装command line tools
xcode-select --install 这里是已经下载了
https://img-blog.csdnimg.cn/direct/387b11a46f444a1780d362b4e979ab4a.jpeg

[*] 假如没有下载点击安装，等待安装完成即可
https://img-blog.csdnimg.cn/direct/f563d6a414804b60a66e378bba3fa30c.jpeg
查验是否安装成功，终端输入
clang         如图所示是代表之前的command line tools安装是安装成功的（Clang会不断更新的，更新位置体系更新中更新）
https://img-blog.csdnimg.cn/direct/9acf4806291242eea643ff339f3dde20.png

二、下载VSCode

Download Visual Studio Code - Mac, Linux, Windows

[*] 官网下载VSCode，下载对应的体系版本
https://img-blog.csdnimg.cn/direct/c798c51dc4b846a19f665f2ec488d063.png

[*] 解压的软件拖至应用程序
https://img-blog.csdnimg.cn/direct/08f25d2c2d7b4cd292668d900dc3170f.png
三、配置VSCode

[*] 打开VSCode提醒安装语言包，点击安装并重启
https://img-blog.csdnimg.cn/direct/4ce4452100fc48759c3f4d17e0b2e898.png

[*] 下载扩展，如图所示
https://img-blog.csdnimg.cn/direct/56fcbe6f2c7c4674b19a7899a0ba74d5.png

[*] 搜索框中输入“C”，选择第一个扩展安装，第二个也可以安装（自选安装）
https://img-blog.csdnimg.cn/direct/92d0eeea09e74e70a488b1b8cddbf2aa.png

[*] 输入'runner'，下载Code Runner

https://img-blog.csdnimg.cn/direct/a38fea6a36ff486196a319b12d76d07e.png

[*] 配置 Cod Runner
https://img-blog.csdnimg.cn/direct/7c70b30110aa4c66be9bc30a0fd9a5a9.png

[*] 勾选第一个Clear Previous Output
https://img-blog.csdnimg.cn/direct/4b98875598cf49788e84f5664241f8b9.png

[*] 勾选Ignore Selection
https://img-blog.csdnimg.cn/direct/797551a9bbab451795b742eb71292a6a.png

[*] 取消勾选Preserve Focus
https://img-blog.csdnimg.cn/direct/38f4cf52f55e4094bd7c0224164948dd.png

[*] 勾选Run In Terminal
[*] 勾选Save All File Before Run
[*] 勾选Save File Before Run
https://img-blog.csdnimg.cn/direct/f03af363562e4c54873451317444ec35.png四、完成配置

五、创建配置C，C++

1、创建一个文件夹

（自定义创建位置，只要自己能记取安装位置即可）https://img-blog.csdnimg.cn/direct/93773cacaf824f6fbb0e58941ab991ef.png
2、打开创建的文件夹

https://img-blog.csdnimg.cn/direct/e57f79efbd3d4ff5bb466d4eea8f7d3f.pnghttps://img-blog.csdnimg.cn/direct/c7f66b2894c84240aeee04ee4314767b.png
3、新建文件

文件后缀为.c是C文件，.cpp是C++文件https://img-blog.csdnimg.cn/direct/2cf84e13f8064376a76cf85848f3543a.png

[*] c文件
#include<stdio.h>
int main()
{
printf("Hello World\n");
return 0;
}

[*] c++文件
#include <iostream>
using namespace std;
int main()
{
cout<<"Hello World!"<<endl;
return 0;
}4、打开设置，将Auto Save修改成afterDelay https://img-blog.csdnimg.cn/direct/0b89bfe0da864025a5cb9207139816f6.pnghttps://img-blog.csdnimg.cn/direct/0a13a6ba4b0a40bd9117824e3ca749da.png

5、修改运行按钮 https://img-blog.csdnimg.cn/direct/8698f605aa914a718fc6c80276a1168b.png

6、设置搜索栏搜索，并取消勾选

Debug Shortcuthttps://img-blog.csdnimg.cn/direct/e2063a1443a74fd39d24ceb7464e6b1e.png7、运行cpp文件，表现运行效果https://img-blog.csdnimg.cn/direct/26aa4699e66d46c2941be9a263d52c26.png

[*] C文件如下
https://img-blog.csdnimg.cn/direct/646b29e335d54ee2ab8d0f5091c09225.png

8、调试配置

[*] command+shift+p打开搜索框输入task,并打开
https://img-blog.csdnimg.cn/direct/d037ac44135148eeb6795039741b8f7f.png

[*] C语言选择clang，C++选择clang++
https://img-blog.csdnimg.cn/direct/6aa72e8557ea4dc0b993f04f5c386fef.png

[*] task.json中配置c和c++
  https://img-blog.csdnimg.cn/direct/b8cdf48a2c5048938e3e1054d4e9b95d.png

[*] task.json文件所有的配置信息
（可直接复制，省事）
{
"version": "2.0.0",
"tasks": [
{
"type": "cppbuild",
"label": "C/C++: clang 生成活动文件",
"command": "/usr/bin/clang",
"args": [
"-fcolor-diagnostics",
"-fansi-escape-codes",
"-g",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}"
],
"options": {
"cwd": "${fileDirname}"
},
"problemMatcher": [
"$gcc"
],
"group": "build",
"detail": "编译器: /usr/bin/clang"
},
{
"type": "cppbuild",
"label": "C/C++: clang++ 生成活动文件",
"command": "/usr/bin/clang++",
"args": [
"-fcolor-diagnostics",
"-fansi-escape-codes",
"-g",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}"
],
"options": {
"cwd": "${fileDirname}"
},
"problemMatcher": [
"$gcc"
],
"group": "build",
"detail": "编译器: /usr/bin/clang++"
}
]
}

[*] 选择创建launch.json文件
https://img-blog.csdnimg.cn/direct/6595f65d5e584b9eac40d04dd2a126ab.png

[*] 点击添加配置launch.json文件所有的配置信息
{
"version": "0.2.0",
"configurations": [
   {
         "name": "C调试",
         "type": "cppdbg",
         "request": "launch",
         "program": "${fileDirname}/${fileBasenameNoExtension}",
         "args": [],
         "stopAtEntry": false,
         "cwd": "${fileDirname}",
         "environment": [],
         "externalConsole": true,
         "MIMode": "lldb",
         "preLaunchTask": "C/C++: clang 生成活动文件"
   },
   {
         "name": "C++调试",
         "type": "cppdbg",
         "request": "launch",
         "program": "${fileDirname}/${fileBasenameNoExtension}",
         "args": [],
         "stopAtEntry": false,
         "cwd": "${fileDirname}",
         "environment": [],
         "externalConsole": true,
         "MIMode": "lldb",
         "postDebugTask": "C/C++: clang++ 生成活动文件"
   }
]
}

[*] 点击调试输出效果如图所示
https://img-blog.csdnimg.cn/direct/5dac2c1aaad54e4586c09847b5e177e3.png

[*] 切换需要调试的类型
https://img-blog.csdnimg.cn/direct/614bb9c18a9a4a6e9c49b177e9943957.png
六、完成结束

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

页: [1]

ToB企服应用市场:ToB评测及商务社交产业平台's Archiver

Mac M系列安装配置VSCode