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

Sublime Text及插件安装Sublime Text安装准备安装程序：sublimetext.dmg双击安装程序，稍后出现以下画面：将“Sublime Text”拖进“Applications”，稍后在“Launchpad”中出现程序图标：点击“Sublime Text”图标进入程序，出现以下画面即安装完成：消息框提示是否更新版本，可以自行选择因为是未注册版，经常会出现要求注册的消息提示，无需理会，关闭即可安装插件管理器Package Control在联网状态下，打开“Sublime Text”后，通过以下菜单：或快捷键Ctrl+~（键盘左上角esc下面的那个键）打开控制台，如下：将以下代码复制到输入框中后按回车键import urllib.request,os;pf=Package Control.sublime-package;ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),wb).write(urllib.request.urlopen(/+pf.replace( ,%20)).read())如果出现以下提示，则退出“Sublime Text”（注意是退出：?+Q，不是关闭）后再打开在菜单栏中出现以下菜单则安装成功：安装插件Emmet插件（必备）点击上图“Package Control”，出现下图：点击“Install Package”，在输入框中输入“emmet”，点击出现的插件下方状态栏会显示安装状态，如下：安装完成会显示说明文档，并自动下载PyV8插件，直至状态栏不动为止新建一个文件（通过菜单或?+N），保存为html后缀的文件（菜单或?+S）在文件中键入字符!（注意是英文符号），再按“Tab“键，应出现如下代码：即表示emmet插件安装成功。如果没有上述反应，或出现以下提示：则需手动安装PyV8插件PyV8插件安装打开浏览器，输入：/emmetio/pyv8-binaries，点击下图中的绿色按钮，再点击“Download ZIP“将下载文件解压缩，再找到pyv8-osx-p3.zip文件，同样解压缩，拷贝其中的2个文件，如下图在Sublime中Package Control找到以下菜单：点击后出现以下文件夹：将上步拷贝的2个文件粘贴到“osx-p3”中即可，如果该文件夹中有其它内容，可以先全部删除再粘贴。再次打开Sublime后需等待安装结束（查看状态栏，静止不变），再次尝试1-f步骤HTML5插件：在Preferences下点击Package control菜单，点击install package，输入：html5CSS3插件：重复上述步骤，输入CSS3JS插件：重复上述步骤，输入javascjQuery插件：重复上述步骤，输入jqueryjsFormat插件：重复上述步骤，输入jsforJava及相关软件安装Java SDK安装下载Java SDK安装包（jdk-7u71-macosx-x64.dmg）双击安装，稍后出现再次双击上图中的黄色图标，稍后出现点击上图中的“继续“，出现下图，再点击“安装“出现以下提示框后输入Mac账号密码再点击“安装软件“最后出现下图界面，表示安装完成，点击“关闭“进入“终端“（Launchpad 其他 终端），键入命令：java -version出现上图提示即表示安装成功Tomcat安装（Web服务器）下载解压版Tomcat（官网，根据需要选择版本）：apache-tomcat-6.0.33.tar.gz将解压后的文件夹移动到用户主目录下，非必须步骤，只是为了操作方便进入终端，进入tomcat文件夹下的bin（cd apache-tomcat-6.0.33/bin），查看一下sh文件权限（ls -l *.sh），如果第一列有rwx就可以跳过步骤4如果没有，输入命令：chmod 755 *.sh输入命令：./startup.sh出现以上信息，并且Dock栏中出现以下咖啡图标即表示启动成功打开浏览器，输入以下地址：:8080出现以上画面即可停止tomcat的命令是：./shutdown.shMySQL安装（数据库服务器）下载安装文件：mysql-5.7.10-osx10.10-x86_64.dmg双击安装，出现以下界面后双击黄色图标按照提示进行：安装结束后，会弹出以下消息框，记住其中的密码：ggkttR87_1yR（可以鼠标选中后复制，或者截图保存），这是管理员的初始密码，每次都不同点击“关闭”即完成了MyS