Mac快速搭建前端开发环境

用了2年的windows做开发，如今有了高大上的配置，也跟着高大上一把吧，在设备到来之前，提前做下功课，如何在mac中快速搭建前端开发环境。

前端需要什么环境啊，貌似随便一个编辑器、一个可调式的浏览器就可以，话是这么说，但作为如今跟得上时代的前端，这还是远远不够的。

如下是搜集的一张前端技能图

乍一看，真的好多啊，还是列出来急需的几个工具吧

  • sublime
  • webstorm
  • git
  • nodejs
  • photoshop

sublime

官方网站戳这里

安装插件：

  1. 安装package control组件：打开sublime text3后按快捷键control+`后下面会出来东西，然后输入如下命令，回车并重启。

    1
    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( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

  2. 快捷键command+shift+p后会出来列表，找到Package Control:Install Package。呆一会会出来插件列表，这个地方搜索你要找的插件名称。

  3. 插件介绍
    • SideBarEnhancements：侧边栏按目录显示
    • Emmet：编码快捷键，前端必备
    • Zen Coding：不解释
    • JS Format：js代码格式化
    • HTML5 / HTMLattributes：这两个插件对弥补了sublime对html5支持度不足的缺陷
    • CodeFormatter：可以对html、JS、CSS、PHP、python代码格式化的插件
    • Bracket Highlighter：代码匹配，可匹配[], (), {}, “”, ”, ，高亮标记
    • sublimeCodeIntel：代码补全
    • Git：git管理
    • jQuery：jQ函数提示
    • AutoFileName：快速输入文件名
    • Minify：压缩JS
    • Nodejs：node代码提示
    • GBK Encoding Support：中文识别

查看更多插件，戳这里

webstorm

下载地址：http://pan.baidu.com/s/1eR7upBO
提取密码：9qyq
Licence server：“http://15.idea.lanyus.com/”

photoshop

下载地址：http://pan.baidu.com/s/1i50cLFJ
提取密码：6h7s
破解教程：戳这里

nodejs

下载地址：http://pan.baidu.com/s/1kVjJHLt
提取密码：68rd

安装后在terminal中查看版本 node -v,出现版本信息表明已安装成功。

git

mac中已集成git环境，可直接在终端中使用。
关于git的命令，可查看我的另一篇博文git命令速查。

blog
前端