Mac下常用前端开发软件环境安装

Mac 下常用前端开发软件环境安装 本文将指导用户在 Mac 环境下安装常用的前端开发软件环境，包括 Sublime Text、Java SDK、Tomcat 和 Navicat 等。 Sublime Text 安装 Sublime Text 是一个功能强大且灵活的代码编辑器，广泛应用于前端开发。安装步骤如下： 1. 准备安装程序：sublimetext.dmg 2. 双击安装程序，稍后出现以下画面 3. 将“Sublime Text”拖进“Applications”，稍后在“Launchpad”中出现程序图标 4. 点击“Sublime Text”图标进入程序，出现以下画面即安装完成 5. 消息框提示是否更新版本，可以自行选择 Package Control 安装 Package Control 是 Sublime Text 的插件管理器，用于安装和管理插件。 1. 在联网状态下，打开“Sublime Text”后，通过以下菜单：或快捷键 Ctrl+~（键盘左上角 esc 下面的那个键）打开控制台 2. 将以下代码复制到输入框中后按回车键 3. 如果出现以下提示，则退出“SublimeText”（注意是退出：⌘+Q，不是关闭）后再打开 4. 在菜单栏中出现以下菜单则安装成功 Emmet 插件安装 Emmet 是一个功能强大的 HTML/CSS 代码编辑器插件，广泛应用于前端开发。 1. 点击上图“Package Control”，出现下图 2. 点击“Install Package”，在输入框中输入“emmet”，点击出现的插件 3. 下方状态栏会显示安装状态，如下 4. 安装完成会显示说明文档，并自动下载 PyV8 插件，直至状态栏不动为止 5. 新建一个文件（通过菜单或⌘+N），保存为 html 后缀的文件（菜单或⌘+S） 6. 在文件中键入字符!（注意是英文符号），再按“Tab“键，应出现如下代码： PyV8 插件安装 PyV8 是一个 JavaScript 引擎插件，用于提高 Emmet 的性能。 1. 打开浏览器，输入：https://github.com/emmetio/pyv8-binaries，点击下图中的绿色按钮，再点击“Download ZIP“ 2. 将下载文件解压缩， 再找到 pyv8-osx-p3.zip 文件，同样解压缩，拷贝其中的 2 个文件 3. 在 Sublime 中 Package Control 找到以下菜单：点击后出现以下文件夹： 将上步拷贝的 2 个文件粘贴到“osx-p3”中即可，如果该文件夹中有其它内容，可以先全部删除再粘贴。 HTML5、CSS3、JS、jQuery 插件安装 安装 HTML5、CSS3、JS、jQuery 插件，步骤与 Emmet 插件安装相同，输入对应的插件名即可。 Java SDK 安装 Java SDK 是 Java 语言的开发环境，用于开发 Java 应用程序。 1. 下载 Java SDK 安装包（jdk-7u71-macosx-x64.dmg） 2. 双击安装，稍后出现 3. 再次双击上图中的黄色图标，稍后出现 4. 点击上图中的“继续”，出现下图，再点击“安装” 5. 出现以下提示框后输入 Mac 账号密码再点击“安装软件“ 6. 最后出现下图界面，表示安装完成，点击“关闭“ Tomcat 安装 Tomcat 是一个开源的 Web 服务器，广泛应用于 Web 开发。 1. 下载解压版 Tomcat（官方网站 http://tomcat.apache.org，根据需要选择版本）：apache-tomcat-6.0.33.tar.gz 2. 将解压后的文件夹移动到用户主目录下，非必须步骤，只是为了操作方便 3. 进入终端，进到 tomcat 文件夹下的 bin 目录（cd apache-tomcat-6.0.33/bin），查看一下 sh 文件权限（ls -l *.sh），如果第一列有 rwx 就可以跳过步骤 4 4. 如果没有，则输入命令：chmod Navicat 安装 Navicat 是一个功能强大的数据库管理工具，广泛应用于数据库管理。 （ Navicat 安装步骤略，敬请期待） 本文指导用户在 Mac 环境下安装常用的前端开发软件环境，包括 Sublime Text、Java SDK、Tomcat 和 Navicat 等。通过这些软件的安装和配置，可以快速构建一个功能强大的前端开发环境。