目前我的生产主力是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

  1. 下载nvm
  2. 安装路径 (需要选择两个路径,我是D:\Dev\nvmD:\Dev\nodejs
  3. 在安装目录下以管理员方式运行install.cmd 运行后会生成环境变量
  4. 验证安装成功没

    $ nvm version
  5. 在安装目录下找到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

  1. 使用npm安装

    $ nvm install 6.11.2
  2. 使用node

    $ nvm use v6.11.2
  3. 验证

    $ 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

ci0n
195 声望7 粉丝

一个前端