mac 中的前端开发 环境搭建

来源:互联网 发布:编程器哪个牌子的好 编辑:程序博客网 时间:2024/05/18 15:06
 1. ctrl + space  输入程序名称,可以打开任何程序
  2. 下载程序时,程序分为dmg 和 pkg 两种类型,dmg是可以直接拖入application中使用的,pkg 是需要安装的,有部分pkg 需要权限管理,所有程序或者权限都是可以通过 spotlight获取的
  3. 快捷键: 
    1. fn + cmd + f5 打开声音导航

    2. chrome 快捷键 来源于

     1. cmd + option + 方向键 可以向左右移动

      2. cmd + o 打开文件
      3. cmd + m 最小化窗口
      4. cmd + h 隐藏窗口
      5. cmd + option +h 隐藏其他窗口 同时适用于其他地方
      6. cmd + shift + b 打开或者关闭书签栏
      7. cmd + shift + delete 打开清空浏览数据窗口
      8. 输入网址,然后 cmd + enter 在新的后台标签页打开该网址
      9. cmd+ delete 地址栏中,可以马上清除网址
      10. 重新载入当前网页: cmd + r
      11. cmd + f 打开查找栏 , cmd + g 查找与查找栏中文字的下一个匹配处
      12. shift + enter 或者 shift + cmd + g 找出上一个匹配处
      13. cmd + e 适用所选择的内容查找
      14. cmd + option + i 打开开发者工具
      15. cmd + option + j 打开js 控制输出台
      16. cmd + option + u 打开源代码文件
      17. option + 点击 可以下载链接目标
      18. shift + cmd + h 在当前页面打开主页
      19. 空格键 向下滚动网页
      20. cmd + option + c  选择当前网页的某个html元素
  4. 在mac中安装git需要xcode么 不需要,只是需要命令行开发工具
  5. shift + cmd + 3 截取屏幕并且以png格式图片放在桌面上
  6. http://leeiio.me/bash-to-zsh-for-mac/ 使用zsh 命令行用的更加流畅  另外参考http://www.stevendobbelaere.be/installing-and-configuring-the-oh-my-zsh-shell/
 7. 使用ps 时 ,安装破解版本http://www.nowmac.com/soft/design/graphic/Photoshop-CS6.html,注意,在mac系统下菜单栏是在最上方的,和mac公用菜单栏。
  8.  如何安装 nginx ? 
   1.  按照步骤6中安装过zsh 后,安装对应的brew 或者 mac ports 插件
    2.  注意安装插件时同样也是需要brew这个软件本身的存在。。。有待验证
    3. 所以如果不喜欢的同学,可以忽视上面两个步骤 , 正题是 http://brew.sh/ 运行 下面的install 安装brew 
    4. https://coderwall.com/p/dgwwuq 根据这个安装 brew install nginx  ,  默认是安装在 /usr/local/Cellar/nginx/1.6.0_1 中
    5. sudo nginx 启动
    6. 关闭,修改配置  vi /usr/local/etc/nginx/nginx.conf ,适用于本应用。

    7. 安装淘宝原有的tengix

     1.   server {

        listen       80;
        server_name  local.waptest.taobao.com;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location /paimai/ {
            alias /Users/XXX/Documents/ideah5/应用目录;
            index  page/html/home.html;
        }
     }
访问报错 403  解决方案:  sudo chmod -R /Users/XXX/Documents/应用名
9. 对更改命令行有兴趣的,可以参考 https://github.com/robbyrussell/oh-my-zsh.git
10. mac  显示当前路径 pwd

11. 安装webstorm 各种无果纠结,放弃还是使用idea 13 ,不错的编辑器,偶喜欢

    1. 默认样式实在有点丑,font 修改成 source code regular  mac下 cmd + , 快捷打开设置程序

    2.  font 中更改默认字体 还是采取上述 

  12. tengine 下载 http://tengine.taobao.org/download_cn.html 安装

    1. http://hi.baidu.com/mienimaer/item/0ef2a3183bdaebce39cb30a7 

    2. 安装的pcre 不知道在哪里可以使用 find / -name ‘*pcre’ 来查找文件   /usr/local/Cellar/pcre/8.35 应该是这里 不是这里,重新下载了一个在Download中,下载的nginx 也使用默认的地址就好 在/usr/local中
    3. 需要更改js配置,让nginx认识js ,不然不知道这种js的存在 http://local.waptest.taobao.com/paimai/??assets/js/common/sea.js,/assets/js/common/utils.js 比如访问这里得到的时整个页面。。
    4. sudo make ; sudo make install;
    5. http://cnodejs.org/topic/5295ea19a6957a0809b1935b 暂时是这样 搞不定中
  13. 安装node

    1. 直接下载pkg 居然不能安装,原因暂且不知。。使用brew install node 为了避免不知在哪里,可以看到
      1. Bash completion has been installed to:
  /usr/local/etc/bash_completion.d
    2. 其实可以使用which node 来查看这个命令的安装目录 呵呵呵
    3. /usr/local/Cellar/node/0.10.28 summary 
  14. 安装grunt
    1. /usr/local/bin/grunt -> /usr/local/lib/node_modules/grunt-cli/bin/grunt
grunt-cli@0.1.13 /usr/local/lib/node_modules/grunt-cli
0 0