最后的百阿作业

为期九天的百阿培训结束了，回首刚刚过去的这段日子，那些疲惫与艰难已经开始淡忘，留在脑海中最清晰的，是朋友们在一起的快乐时光。

原文地址： How to Uninstall Node.js from Mac OSX–by Scott Robinson

今日在一台新电脑上部署工作环境的时候发现一个 nodejs 被安装的乱七八糟，很多配置也改的很奇怪，权限不明，一些全局安装的 cli 工具无法使用，所以准备要重新安装一下。
众所周知在 Mac 上安装软件和删除软件都非常方便，就是把图标往回收站里一扔完事，可是回想起 nodejs 的安装过程就发现并不是这么简单的问题，因为根本就没有图标可供删除。
通过一番 google 终于找到了合适的方法。对于不同方法安装的 nodejs 也要分类讨论一下。

_注意_,这里我们的目标是同时删除 nodejs 和 npm 。

手动安装

如果是通过二进制包编译或者直接从官网下载安装包双击安装的 nodejs ，那删除起来就比较费劲了，毕竟作为一个运行时，很多东西会被安装在比较底层的非用户目录中，我们需要通过命令行的方式分别手动删除才行，这种情况下想要删除 nodejs 和 npm 我们需要按照下面的列表依次删除文件与目录：

• 删除 /usr/local/lib 目录中的 node 与 node_modules 目录。
• 删除 /usr/local/include 目录中的 node 与 node_modules 目录。
• 删除 /usr/local/bin 目录中的 node , node-debug , node-gyp 目录。
• 删除个人用户目录下的 .npmrc 文件（ 注意 这个是 npm 的设置文件，如果你计划以后还要重新安装 nodejs 的话可以不删，不过因为我这里很多权限和软连接已经乱掉了，所以索性都删除干净）
• 删除个人用户目录下的 .npm 文件目录
• 删除个人用户目录下的 .node-gyp 目录
• 删除个人用户目录下的 .node_repl_history 目录
• 删除 /usr/local/share/man/man1/ 中所有与node和npm有关的文件 node* ， npm*
• 删除 /usr/local/lib/dtrace/ 中的 node.d
• 删除 /opt/local/bin/ 中的 node 目录
• 删除 /opt/local/include/ 目录中的 node 目录
• 删除 /opt/local/lib/ 目录中的 node_modules 目录
• 删除 /usr/local/share/doc/ 中的 node 目录
• 删除 /usr/local/share/systemtap/tapset/ 目录中的 node.stp

以上目录我们依次删除就好，命令是 rm -rf <path> ，删除命令毕竟是比较危险的，请格外小心不要输入错误。

这里请注意，因为不同人对于 node 的使用程度不同，上面列出来的文件和目录不一定所有人都有。

通过 Homebrew 安装

如果原本的 node 是通过 Homebrew 安装的那就再简单不过了，我们只要通过反向命令 brew uninstall node 就可以正常删除，因为 Homebrew 是一种沙盒模式，会自动记录安装依赖时安装过的文件。

NVM（Node Version Manager）安装

NVM 是非常知名的Node版本管理器，可以很方便的在一台电脑上部署多个不同版本的 nodejs ，通过 NVM 来添加与删除 nodejs 都是非常方便的。我们要删除某一个版本的 node 的时候只需要运行命令 nvm uninstall <version> 即可，比如：

1

$ nvm uninstall v7.7.4

未知安装方法

如果这台电脑来自别人，你也不知道之前究竟通过何种方式安装的 node ，那么我们只能靠猜了，但是也不能瞎猜，这里需要用到命令行指令 which 。

1
2

$ which node
/Users/scott/.nvm/versions/node/v4.1.2/bin/node

例如这样的一条命令可以让我们猜测出node是通过 nvm 安装的，然后我们就可以对症下药按照上面介绍的方式删除了。

之前一直使用图形化的 git 客户端工具，导致对 git 的很多原理非常的模糊，这部分文章将依靠 git 命令作为线索，仔细的学习一下 git 的整体操作。

webpack + React 搭建开发环境

webpack是当前如日中天的打包工具，React官方指定的搭配产品。这里记录一下具体的操作步骤。

使用方法

1. 初始化项目

1
2
3
4

mkdir react_tutorial
// 文件夹的名字是可以随便取的
cd react_tutorial
npm init

文章内容翻译自webpack 官方指引文档

webpack的安装

1

npm install webpack -g

全局安装不适用于工程环境，一般还是要安装在工程目录中：

1

npm install webpack --save

最近很多同学向我提问一些网站上非常漂亮的效果是如何实现的，需要学习很多js知识才能作出很棒的效果么？

其实不是哦，很多时候只需要html+css就可以作出很棒的页面动效了，关键是脑洞一定要大一点。人有多大胆，地有多大产。来随便举些例子吧~~

html与css是否图灵完备，这个争论一直没有平息，但是就算不是图灵完备也无所谓呀，我们依旧可以利用css的一些不常用选择器来做一些很有趣的事情。