月度归档:2017 年十一月

bower简明入门教程

什么是bower

Bower是twitter 推出的一款包管理工具,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

MAC安装bower

brew install bower

PS:brew安装会自行安装bower需要的依赖环境,如果本机安装了node和git环境,也可以通过下面的命令安装

npm install -g bower

安装完之后输入如下命令

bower -help

会出现如下的截图WechatIMG61

bower初始化

先看一下我本机的目录

WechatIMG62

在bower目录下创建.bowerrc文件,并在文件中添加如下内容

{
	"directory" : "bower_extensions"
}

然后执行初始化命令

bower init

然后根据提示输入对应的内容~~最后会生成bower.json文件,里面保存的就是刚才输入的信息。WechatIMG63

包的安装

下面我们来安装第一个js包,输入如下命令:

bower install jquery

这时候就会在刚才设置的目录中保存了jquery的文件~~ 注意下面的命令,会在bower.json文件中dependencies的节点保存一行刚才安装的jquery信息

bower install jquery --save

当然也可以通过下面的方式安装

# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js

 包的更新

上面安装的是最新版的高版本jquery,假如想要兼容低版本浏览器的呢?
已经查到兼容低版本浏览器的jquery版本为1.11.3,下面直接修改bower.json文件中的jquery版本号如下:

  "dependencies": {
    "jquery": "~1.11.3"
  }

然后执行如下命令

bower update

这时候,刚才下载的jquery就已经换成1.11.3的版本了~~

其它命令

bower info jquery   包的信息查看
bower search bootstrap  包的查找
bower uninstall jquery   包的删除
bower home 打开在bower.json中设置的homepage

更多详细的命令,请访问官方文档~~https://bower.io/docs/api/

xcrun: error: invalid active developer path

在mac terminal执行如下命令

go get -u github.com/beego/bee

出现如下错误

xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

可能是由于xcode问题造成的,可在终端中执行如下命令

xcode-select --install

会出现如下截图,点击安装

417876-20170113182417822-1549874205

然后在执行刚才的命令试试~~

MAC OS Sublime Text 3 Golang 配置

在看本文的前提,Go的环境一定是安装好的~~没有安装Go环境先安装Go

Sublime Text 3也要提前安装好,可以去Sublime Text3官网下载~~官网地址:https://www.sublimetext.com/

打开Sublime Text 3同时输入

 Ctrl + `

这时候Sublime Text3将出现如下界面

WechatIMG45

在最下面的输入框将下面的命令复制进去,然后回车

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())

安装完成后会出现如下菜单WechatIMG46

安装完成之后,就需要安装Sublime的插件了,Ctrl + Commd + p 打开Pack Controll 然后输入pcip(即“Package Control: Install Package”的缩写)回车WechatIMG47

过一会将出现如下截图

WechatIMG48

这时候在输入框中输入:GoSublime将在下面列表中出现选项(注意:如果已经安装过,将不再显示),然后选中GoSublime回车,注意看Sublime Text3左下角,左下角将显示安装的进度。PS:同理继续安装:SidebarEnhancements和Go Build

安装GoCode,在shell中执行下面命令

go get -u github.com/nsf/gocode

都安装完之后,重启Sublime Text3,这时候打开go的源文件代码,看看是不是代码高亮了,而且输入也有了代码提示~~~

PS:在Sublime Text3中执行编译源文件,需要在系统中设置好GOBIN和GOPATH,如果按住Command+b不能运行,那么在Sublime Text3中重新配置,按照下面的截图打开配置文件

WechatIMG49

 

然后输入下面的配置,然后再试试Command+b~~

{
    "GOBIN": "你本机的GOBIN目录",
    "GOPATH": "你本机的GOPATH目录"
}