如何在Mac系统上编写html代码，Mac系统上html环境配置

最新推荐文章于 2024-12-10 17:35:37 发布

原创

最新推荐文章于 2024-12-10 17:35:37 发布 · 1.9k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#macos #html #前端 #Mac #H5 #html5

本文为MAC新手详细介绍了如何配置HTML开发环境，包括安装VScode编辑器、配置VScode插件、选择Chroem作为测试浏览器、安装JavaScript运行环境Node.js以及版本控制工具SourceTree与gitee。注意根据Mac芯片类型选择对应版本。

前言

这是一个面向新手的MAC系统Html编写的环境的说明。
相关搜索内容已经被垃圾填满，自己记录一下。

编辑器	浏览器	环境	git工具	远程仓库
VScode	Chroem	Node.js	SourceTree	Gitee

以上工具全都有mac版本，但需要注意自己的mac芯片是哪个类型

1.代码编辑器：VScode

！！即使你是初学者，也不应使用文本编辑器写代码！！！
Xcode应该也能写，但是我不会弄，暂时先不管

1.1下载与安装

下载地址：https://code.visualstudio.com
别下错了，另外看好自己电脑芯片版本
下载页面是这个样子的

1.2简单的工具配置

可以参考其他文章，但基本就那么几个工具，

中文界面
html5相关的两个插件
vue相关
代码染色和美化相关

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一个大鸡腿

关注关注

22
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

在 Mac 上编写 Verilog 代码1

08-08

总之，要在 Mac 上成功进行 Verilog 代码的开发，需要掌握 Sublime Text 的使用、Icarus Verilog 的安装和配置，理解 Verilog 的系统任务，并熟悉波形查看器如 Scansion 的操作。通过这些工具和技巧，我们可以高效地...

精选资源

【Mac系统开发】Node.js安装与环境配置全解：从Homebrew安装到项目实战

05-20

内容概要：本文详细介绍了在Mac系统上安装Node.js及配置相关环境的步骤。首先通过Homebrew安装Node.js和npm，包括安装Homebrew、Node.js和npm，以及验证安装是否成功。接着配置全局模块路径与环境变量，创建全局模块...

参与评论您还未登录，请先登录后发表或查看评论

关于mac下文本编辑html打开出现源代码问题

Forever 流伤的博客

01-18

5298

第一步：shift+command+T让代码以纯文本显示。（窗口上方的标尺消失）第二步：文本编辑 > 偏好设置——在“打开和存储”栏目中，勾上“将HTML文件显示为HTML代码而不显示为格式化的文本”，勾掉“给纯文本文件添加.txt扩展名”，另外将HTML存储选项中的存储一栏中改为UTF-16。第三步：存储文件。第四步：右击文本文件修改后缀名为.htm或者.html（两种后缀名没有区别）。第五步：

Mac系统用文本编辑html代码的方法

weixin_45891757的博客

01-15

7198

Mac、文本编辑器、html

适用于Mac的最佳HTML文本编辑器，编码开发必备!

weixin_48039619的博客

07-20

2173

一个好的文本编辑器对于想要建立网站或进行编码的任何人都是必不可少的。这对于习惯于面面俱到的环境的Mac开发人员而言更加明显。对于他们来说存在一系列不同的优质软件之选。今天小编将介绍几款Mac上好用的HTML文本编辑器，对于每一款文本编辑器，小编将对对其中的亮点和不足之处进行了简单的描述。 Atom（免费） Atom被公认为Mac上最好的免费文本编辑器，以Node.js进行编写，并嵌于GitControl中。它可以作为单纯的Mac文本编辑器使用，也可以作为源代码编辑器来使用。通过插件程序的使用，此应用支持很

BBEdit for Mac v15.0.3 - 好用的HTML文本编辑器

aerg1的博客

05-31

612

BBEdit是一款由Bare Bones Software公司精心打造和推出的软件，无疑是文本处理领域的佼佼者。它不仅功能强大，而且操作简便，是广大开发者进行纯文本编码编写和编辑的得力助手。无论是HTML、CSS、JavaScript，还是Python等多种编程语言，BBEdit都能轻松应对。它以其卓越的文本处理能力，帮助开发者更加高效地进行代码编写、调试和优化。无论是初学者还是资深开发者，都能在BBEdit中找到自己所需的功能和工具，提升工作效率。

几个提升技术的神器，非常刺激！

shenjian58的博客

07-15

387

分享一些，技术圈还不错的公众号。程序员小灰小灰是技术畅销书《漫画算法》的作者，本书销量超过50000册。这个公众号通过一群可爱的小仓鼠，用漫画的形式讲述编程技术和算法，十分有趣，也十分有...

mac_Mac环境下怎样编写HTML代码?

weixin_34205076的博客

12-25

2114

在Mac环境下,使用默认的文本编辑器编写的HTML的源代码, 使用不同的浏览器打开后,依旧还是显示源代码推荐使用UltraEdit,问题就迎刃而解了 ...

Mac上Go环境和VS Code的正确安装与配置方法

09-20

在Mac系统上安装和配置Go环境以及Visual Studio Code（VS Code）编辑器和Go语言插件的步骤和要点如下： 1. Go语言安装： Go语言提供针对Mac系统的安装包，用户可以访问***下载相应的安装版本。这里有安装版和压缩版...

Java JDK1.8 Mac系统安装包

最新发布

07-27

JDK1.8在Mac系统上的安装，一方面简化了Java环境的搭建过程，另一方面也为Mac平台上的Java应用开发提供了更为稳定的运行基础。开发者可以利用JDK1.8带来的新特性和性能提升，更好地进行开发工作。此外，JDK1.8也为...

【HTML&CSS】01如何创建一个HTML文件（Mac系统）

weixin_56030331的博客

12-10

1163

然后，在 “Open and Save”（打开并保存）标签页中，确保选中 “Ignore rich text commands in HTML files”（忽略HTML文件中的富文本命令）。打开Preferences-New Document（新建文档）标签页-选择 “Plain text”（纯文本）作为默认的编辑器模式。“Add .txt extension to plain text files”（为纯文本文件增加.txt扩展名）退出TextEdit，然后重启应用。使用TextEdit创建时，

mac文本编辑写html5代码,BBEdit For Mac v13.5.5 专业的的文本和HTML编辑器

weixin_34285757的博客

06-09

349

当双击与文件夹备份菜单(脚本，文本过滤器等)对应的调色板中的文件夹项时，BBEdit将在Finder中显示该文件夹而不是崩溃(后者不是非常有用)修复了BBEdit未使用当前登录环境设置Git和Subversion命令执行的错误，这反过来会导致命令在依赖于BBEdit之外的特定自定义的专用配置中失败进行了更改，以便在使用“Soft Wrap Text”或应用“Hard Wrap”命令时，选择CJK语...

Mac 本地起一个html 服务

原来我是成成

12-15

1467

随意创建一个文件夹，比如桌面上建一个文件夹直接终端cd进入文件夹开启命令 python -m SimpleHTTPServer 9999 在文件夹中直接创建test.html，然后在html 中写相应的HTML代码就行直接运行：http://localhost:9999/test.html localhost可以换成本地ip也是可以的 ...

html+css day1 如何用Mac创建html文件

cccrystal12的博客

07-31

4580

由于我是用macbook学,所以用的是mac自带的[文本编辑],创建步骤比较繁琐,所以上网查了很多帖子,下面讲解一下操作步骤: 第一步:找到[文本编辑] command+空格,出现搜索栏,搜索[文本编辑] 第二步:新建文稿点击[新建文稿],然后在左上方菜单栏找到[偏好设置] 打开[打开和存储] 选中[将HTML文件显示为HTML代码而不显示为格式化的文本] 取消选中[给纯文本文件添加“.txt”扩展名] 打开[新建文稿] [格式]选择[纯文本] 第三步:命名 ...

送一台苹果MacBook Air 写代码！

涛哥聊Python

02-19

786

带着春节的喜庆，踏上工作的快车，打开幸福的心扉，投入快乐的工作。祝回岗快乐，工作顺利，事业如意！2021开工大吉，祝你日进斗金，装满仓，月月盈利数钱忙！!为了感谢大家对本公众号的大力支持本...

vscodeformac配置html环境,Mac上利用VScode配置c/c++开发环境

weixin_35523284的博客

06-07

542

Mac上利用VScode配置c/c++开发环境哭辽，Typora里面最好不要插入表情，不然保存会闪退首先你要有一个vscode在扩展里面下载c/c++第一步?+com+p 打开命令模式：选择c/c++：编辑配置(edit configuration)然后再自动生成的.vscode目录，打开c_cpp_properties.json。利用老哥的文件示例：{"configurations": [{"...

android studio如何嵌入html文件_如何在苹果电脑上创建一个html格式文件，并在浏览器正确打开...

weixin_39805255的博客

12-01

651

之前一直使用windows系统的电脑，创建文件很简单，改格式也非常的简单。但换了苹果电脑，如何创建一个HTML文件？却把我给整蒙了。首先，为什么mac上不能直接新建文本文件？因为mac一都是以应用的方式来管理文件。我们在Windows上的习惯是:找到一个目录-->新建文件-->打开对应的应用-->记录-->保存。mac的系统倾向是:打开应用程序-->记录-->找...

mac html制作,Mac下强大的网页制作软件

weixin_33542015的博客

06-25

1539

之前，小子已经发过了Mac下强大的网页制作软件：Coda及Coda 2。有了它，你就可以轻松的在Mac下编写代码，同时可以实时预览。今天，小子要分享的是最新版的Coda 2，版本号为V2.0.9，在之前的基础上优化了代码，使得你编写网页更加的简单、轻松。Coda是网页设计工作者强大的工具，是一款适用于Mac电脑的网页编程工具，具有多语言支持(HTML、PHP、JavaScript、CSS等)、代码...

mac系统中vscode快速创建html文件方法

seamull的专栏

01-08

6214

看到很多关于vscode快速创建html文件的内容,试过觉得有些问题，所以记录一下自己的过程一、新建html文件二、点击右下角的“选择语言模式”，会弹出下拉选项，选择“HTML" 三、在打开的文件中输入英文”！“，回车就可以创建标准的html文档的基本内容了 ...

如何在Mac操作系统上配置C语言编译器和开发环境

06-17

### 在 Mac OS 上配置 C 语言编译器和开发环境在 Mac OS 系统上，配置 C 语言的开发环境通常需要安装必要的工具和软件。以下是一个完整的指南，涵盖从安装到验证的过程。 #### 1. 安装 Xcode 和 Command Line Tools Xcode 是 Apple 提供的集成开发环境（IDE），它包含了 GCC 编译器和其他开发工具。可以通过以下步骤安装： - 打开 Mac App Store 并搜索 "Xcode"，然后下载并安装。 - 安装完成后，通过终端运行以下命令安装 Command Line Tools[^1]： ```bash xcode-select --install ``` 这一步会安装 GCC 的一个变种——Clang，它是 macOS 默认的 C/C++ 编译器。 #### 2. 验证 Clang 编译器是否可用安装完成后，可以通过以下命令检查 Clang 是否正确安装，并查看其版本信息： ```bash clang --version ``` 如果输出了 Clang 的版本号，则说明安装成功[^4]。 #### 3. 使用 Homebrew 安装额外工具 Homebrew 是 macOS 上的一个包管理器，可以用来安装更多的开发工具。如果尚未安装 Homebrew，可以通过以下命令安装： ```bash /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 安装完成后，可以使用 Homebrew 来安装 GCC（GNU Compiler Collection）。虽然 macOS 默认使用 Clang，但有时可能需要更传统的 GCC 编译器。安装方法如下： ```bash brew install gcc ``` 安装完成后，可以通过以下命令检查 GCC 的版本： ```bash gcc-<version> --version ``` 其中 `<version>` 是 Homebrew 安装的 GCC 版本号，例如 `gcc-12`[^2]。 #### 4. 配置代码编辑器 除了编译器，还需要一个合适的代码编辑器来编写 C 程序。以下是几种推荐的编辑器及其特点： - **Sublime Text**：轻量级且功能强大，支持插件扩展[^3]。 - **VS Code**：微软出品的开源编辑器，支持丰富的插件和调试功能。 - **Atom**：由 GitHub 开发的开源编辑器，界面友好。 - **Xcode**：Apple 官方 IDE，适合需要图形化界面的开发者。以 VS Code 为例，可以通过以下步骤配置： 1. 下载并安装 [VS Code](https://code.visualstudio.com/)。 2. 安装 C/C++ 插件（Microsoft 提供）。 3. 创建一个新的 `.c` 文件并编写代码。 4. 使用终端或内置终端运行以下命令进行编译和执行： ```bash gcc your_program.c -o your_program ./your_program ``` #### 5. 测试开发环境为了确保开发环境配置正确，可以编写一个简单的 C 程序进行测试。例如，创建一个名为 `test.c` 的文件，内容如下： ```c #include <stdio.h> int main() { printf("Hello, World!\n"); return 0; } ``` 保存文件后，在终端中运行以下命令进行编译和执行： ```bash gcc test.c -o test ./test ``` 如果输出了 "Hello, World!"，则说明环境配置成功。 --- ###