nodejs安装+（vue、gitbook）

目录

一、nodejs安装（win）

二、linux安装nodejs（12.17.0）

三、nodejs模块命令

四、更改 npm 淘宝源，并设置 cnpm

五、使用cnpm安装vue

六、使用cnpm安装gitbook

---

一、nodejs安装（win）

1.官网下载安装包：https://nodejs.org/en/
2.安装方式：win版，下一步下一步下一步....傻瓜式到底完事.  （zip版本的话，找个目录放一起来完事）
坑：安装目录千万不要有空格——哭到无力 ┭┮﹏┭┮
3.测试：

C:\WINDOWS\system32>node -v
v12.18.3

C:\WINDOWS\system32>npm -v
6.14.4

4.修改包路径
默认情况下，执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\Users\xxx\AppData\Roaming\npm\node_modules下，占C盘空间。所以需要更改默认路径。在安装目录下新建两个文件夹，用于存放全局包和缓存，如下：
安装目录：E:\Programs\nodejs
node_global
node_cache

# 可以通过CMD指令npm root -g查看：
C:\Users\XXX>npm root -g
C:\Users\XXX\AppData\Roaming\npm\node_modules
# 或者通过如下命令查询：
npm config get prefix
npm config get cache


# 修改路径：
# 1.在CMD窗口执行以下两条命令：
# npm configsetprefix"E:\Programs\nodejs\node_global" -————第一次OK的，后来不好使
npm config set prefix "E:\Programs\nodejs\node_global"
npm config set cache "E:\Programs\nodejs\node_cache"

# 2.或者在nodejs的安装目录中找到node_modules\npm\.npmrc文件，修改如下：
prefix =E:\Programs\nodejs\node_global
cache = E:\node\E:\Programs\nodejs\node_cache

 环境变量配置：

我们更改了npm全局模块的存放路径和cache路径，此时使用module时将会出现错误，因为电脑系统现在还不知道你把默认路径给改了，所以需要修改系统环境变量。

• 用户变量设置：Path：添加自己的node_global文件夹所在的路径：E:\Programs\nodejs\node_global
• 系统变量设置：1）添加变量NODE_PATH,为 E:\Programs\nodejs\node_global\node_modules 
                            2）Path：添加：E:\Programs\nodejs,E:\Programs\nodejs\node_global

注意：

使用 npm -g 安装的时候，默认的模块 `E:\Programs\nodejs\node_modules` 目录
将会改变为 `D:\ProgramFiles\nodejs\node_global\node_modules`目录，
我们需要做1件事情：
1、增加环境变量NODE_PATH 内容是：E:\Programs\nodejs\node_global\node_modules

修改完成之后，在命令行输入node回车，再输入require（‘cluster’）出现如下即表示配置完成：

C:\Users\xxx>node
Welcome to Node.js v12.18.3
Type ".help" for more information.
> require('cluster')
EventEmitter {
  _events: [Object: null prototype] {},
  _eventsCount: 0,
  _maxListeners: undefined,
  isWorker: false,
  isMaster: true,
  Worker: [Function: Worker],
  workers: {},
  settings: {},
  SCHED_NONE: 1,
  SCHED_RR: 2,
  schedulingPolicy: 1,
  setupMaster: [Function],
  fork: [Function],
  disconnect: [Function],
  [Symbol(kCapture)]: false
}
>                       

5.测试 

npm install express -g     # -g是全局安装的意思

查看express是否已经放入“E:\Program Files\nodejs\node_global\node_modules”下。

---

二、linux安装nodejs（12.17.0）

下载安装包：https://nodejs.org/zh-cn/download/ 

# 1.下载安装包
wget https://nodejs.org/dist/v12.17.0/node-v12.17.0-linux-x64.tar.xz

# 2.解压到指定目录下
tar zxvf /home/xxx/node-v12.16.1-linux-x64.tar.xz -C /opt/
# 加压后的文件包名好长，好烦，重命名
cd /opt
mv node-v12.16.1-linux-x64 nodejs

# 3.配置环境变量
## 1)修改/etc/bashrc
vim /etc/bashrc

# 加入: 
export NODE_HOME=/opt/nodejs
export PATH=$NODE_HOME/bin:$PATH

#生效
source /etc/bashrc

###############要全局用户有效的，修改 /etc/profile

## 2)建立软连接
ln -s /opt/nodejs/bin/npm /usr/local/bin/
ln -s /opt/nodejs/bin/node /usr/local/bin/

## 3)测试
node -v
npm -v

## 4) 设置(node_global和node_cache) 同win一样
mkdir opt/nodejs/node_global
mkdir opt/nodejs/node_cache
npm config set prefix "opt/nodejs/node_global"
npm config set cache "opt/nodejs/node_cache"
### 查看设置是否OK
npm config get prefix
npm config get cache

 

---

三、nodejs模块命令

npm install <input_name>      # 本地安装 模块安装到当前命令行所在目录
npm install <input_name> -g   # 全局安装 模块安装到全局目录
xnpm uninstall -g <input_name>     # 卸载模块

npm config set prefix "全局目录路径" # 设置全局目录路径
npm config get prefix  "全局目录"    # 获取当前设置全局目录。

npm cache clean -f    # 清理npm缓存
npm install -g n      # 安装最新版本的Node helper

四、更改 npm 淘宝源，并设置 cnpm

# 1.配置npm淘宝源
npm config set registry https://registry.npm.taobao.org  ## 设置
npm config get registry    ## 查看配置

# 2.安装淘宝的cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
ln -s /opt/nodejs/bin/cnpm /usr/local/bin/cnpm   # linux下添加软一下连接
cnpm -v    # 查看版本

---

五、使用cnpm安装vue

   cnpm install webpack -g
   cnpm install vue-cli -g

   测试：cmd输入 vue -V 查版本

 

六、使用cnpm安装gitbook

# 安装gitbook
cnpm install gitbook-cli -g

# 检查
gitbook

# 查看gitbook版本
C:\Users\Rache>gitbook -V
CLI version: 2.3.2
GitBook version: 3.2.3

新建Book:

1. 新建一个文件夹：mybook，cmd切换到此目录下，或者在此目录下按住shitf+右键选择在此处打开命令窗口输入命令`gitbook init`，自动生成两个.md文件：SUMMARY.md 和 README.md

2. gitbook build  # 项目下生成_book目录，内容为静态站点资源文件
   gitbook build ./ --log=debug --debug    # 使用选项 --log=debug 和 --debug 来获取更好的错误消息（使用堆栈跟踪）

3. gitbook serve ./mybook_test     # 在mybook下执行

4. 启动浏览器查看：localhost:4000

5. gitbook install ./  安装插件
   使用gitbook install安装的很慢，建议使用npm init初始化一个package.json文件，
   然后每个包通过npm命令安装，以后就可以通过npm install一键快速安装依赖包了
   示例：

   npm install gitbook-plugin-search-pro

    

6. 一个基本的 GitBook 电子书结构通常如下：
   .
   ├── book.json
   ├── README.md
   ├── SUMMARY.md
   ├── chapter-1/
    |   ├── README.md
    |   └── something.md
   └── chapter-2/
        ├── README.md
        └── something.md

   book.json        配置数据 (optional)
   README.md    电子书的前言或简介 (required)
   SUMMARY.md    电子书目录 (optional)
   GLOSSARY.md    词汇/注释术语列表 (optional)

7. gitbook常用命令：

   gitbook init     # 初始化目录文件
   gitbook help     # 列出gitbook所有的命令
   gitbook --help   # 输出gitbook-cli的帮助信息
   gitbook build    # 生成静态网页
   gitbook serve    # 生成静态网页并运行服务器
   gitbook build --gitbook=2.6.7     # 生成时指定gitbook的版本, 本地没有会先下载
   gitbook ls                   # 列出本地所有的gitbook版本
   gitbook ls-remote            # 列出远程可用的gitbook版本
   gitbook fetch 标签/版本号     # 安装对应的gitbook版本
   gitbook update               # 更新到gitbook的最新版本
   gitbook uninstall 2.6.7      # 卸载对应的gitbook版本
   gitbook build --log=debug    # 指定log的级别
   gitbook builid --debug       # 输出错误信息
   
   ####################################################################
   [文字](http://bruce-sha.github.io "tip")
   [不如][1]
   [1]:http://bruce-sha.github.io
   
   自动链接：<http://ibruce.info>
   
   半方大的空白&ensp;或&#8194;看，飞碟
   全方大的空白&emsp;或&#8195;看，飞碟
   不断行的空白格&nbsp;或&#160;看，飞碟
   &emsp;&emsp;段落从此开始。
   
   <font face="黑体">我是黑体字</font>
   <font face="微软雅黑">我是微软雅黑</font>
   <font face="STCAIYUN">我是华文彩云</font>
   <font color=#0099ff size=12 face="黑体">黑体</font>
   <font color=#00ffff size=3>null</font>
   <font color=gray size=5>gray</font>

    

8. Gitbook（3.2.3） 新版本 _book目录下html，打开index.html后，点击子页面的时候，不会进行跳转

   解决方法一：使用老版本：2.6.7
   
   解决方法二：
   找到项目目录：_book\gitbook
   找到目录下的theme.js文件
   找到下面的代码if(m)for(n.handler&&
   将if(m)改成if(false)

   在去刷新index.html就可以了