目前我的生产主力是mac,所以下面的配置都是mac系统里的,暂时没有windows。
Mac OS
Homebrew (软件包管理工具)
- Homebrew默认安装目录:
/usr/local/Homebrew
- 通过homebrew安装的命令行软件路径:
/usr/local/opt/
安装:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
wget (网络下载工具)
在网上试了很多种方法去装wget,但是都失败了,偶然看到Homebrew可以装,而且过程非常方便
$ brew install wget
mongodb (数据库)
安装:
$ brew install mongodb
tree (文件目录结构生成工具)
$ brew install tree
nvm (node管理工具)
因为node更新的太快,所以安装node的时候最好使用nvm去安装,方便自己管理node的版本。
- npm默认安装路径:
~/.nvm
- 通过nvm安装的node路径:
~/.nvm/versions/node
安装nvm
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
配置环境变量:
如果不会使用vim的,可以用文本编辑器打开~/.bash_profile
,然后添加环境变量到末尾。
$ vim ~/.bash_profile
拷贝以下环境变量到~/.bash_profile
:
# This loads nvm
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
保存退出vim,重新运行脚本:
$ source ~/.bash_profile
Node
通过nvm安装node(6.10.3是node的版本号):
$ nvm install 6.10.3
配置淘宝镜像(可选):
$ npm config set registry https://registry.npm.taobao.org --global
$ npm config set disturl https://npm.taobao.org/dist --global
常用命令
$ npm list --deprh=0 -g # 查看全局已经安装的模块
yarn (包管理工具)
yarn和npm差不多,下载速度会比npm快。但是有些情况下还是需要用npm下载。
安装:
$ curl -o- -L https://yarnpkg.com/install.sh | bash
设置镜像:
$ yarn config set registry https://registry.npm.taobao.org
bower (github的包管理工具)
可以从github上下载开源项目。
我在使用bower下载angular的时候出现过一次bug,无法下载完全,重启终端解决。
- bower默认安装路径:
~/.nvm/version/node/node版本/lib/bower
- 使用bower下载的包默认路径:
~/bower_components
安装:
$ npm install --global bower # --global 可以简写成 -g
修改配置文件.bowerrc
可以修改bower的默认下载路径:
$ cd /
$ vim .bowerrc
把下列内容拷贝到.bowerrc
里面,目录改成自己需要的目录:
{
"directory":"~/bower_components" // 对用目录
}
gulp 构建工具
全局安装是为了让电脑支持gulp命令(只需要安装一次全局),使用的时候还需要在项目目录下安装一次(不是全局)
安装:
$ npm install --global gulp # 全局安装
使用时:
$ cd 项目目录
$ npm install gulp
$ touch gulpfile.js
gulpfile.js
是gulp的编译规则代码,需要自己编写。