目前我的生产主力是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
常用命令:
nvm ls #列出本地安装node的信息
nvm ls-remote #列出线上所有node版本
nvm install v10.14.1 #安装指定版本的node
nvm install --lts #安装最新LTS(稳定)版的node
nvm install stable #安装最新版的node
nvm uninstall v10.14.1 #删除指定版本的node
nvm use v10.14.1 #切换当前node版本(临时性)
nvm alias default v10.14.1 #切换默认node版本
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" // 对用目录
}
命令
$ bower help # 帮助获取bower指令及信息
$ bower search # 搜索插件
$ bower home # 打开插件的官方主页
$ bower install # 安装插件
$ bower uninstall # 卸载插件
$ bower info # 包的信息
$ bower init # 发布插件时,初始化bower.json文件
$ bower list # 列出当前目录下的所有包及依赖关系
$ bower lookup # 根据包名查询包的url
$ bower prune # 删除无关的包
$ bower register # 注册一个自己的包name url 如bower register name https://xxx/xxx
$ bower update # 更新项目的包
$ bower cache # 缓存管理
gulp 构建工具
全局安装是为了让电脑支持gulp命令(只需要安装一次全局),使用的时候还需要在项目目录下安装一次(不是全局)
安装:
$ npm install --global gulp # 全局安装
使用时:
$ cd 项目目录
$ npm install gulp
$ touch gulpfile.js
gulpfile.js
是gulp的编译规则代码,需要自己编写。
windows
nvm
- 下载nvm
- 安装路径 (需要选择两个路径,我是
D:\Dev\nvm
和D:\Dev\nodejs
) - 在安装目录下以管理员方式运行
install.cmd
运行后会生成环境变量 -
验证安装成功没
$ nvm version
-
在安装目录下找到
setting.txt
,在末尾添加以下内容node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/
常用命令
$ nvm install latest # 安装最新版本
$ nvm install 4.6.0 # 随意版本
$ nvm use 4.6.0 # 切换 nvm版本
$ nvm list available # 查看远程node版本列表
NodeJS
-
使用npm安装
$ nvm install 6.11.2
-
使用node
$ nvm use v6.11.2
-
验证
$ node -v
常用命令
npm list -g # 查找全局安装 -g 等同与 global
npm ls -global --depth=0 # 查找第一层
npm install nodemon -g # 安装第三方模块 和superstor功能一样
npm config set registry=https://registry.npm.taobao.org # 配置npm
npm config list # 检查
npm uninstall -g xxx # 卸载
npm init # 初始化
npm init -f # 快速初始化
Cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm install -g cnpm --registry=http://r.cnpmjs.org