最近在看前端VUE方面的例子，感觉现在前端变化得很多了，所以把前端的学习的一些东西记录下来，现在程序员都在用gitbook来写东西，所以试了一下还不错，把过程记录下来：也把我试到打包的一本书放到网上：

 Vue 学习笔记

   本来想使用，gitbook自己的工具，但是用起来实在是太难用了，再一想到 vscode 这种万能的 编辑器，所以就想试下，没想到网上使用vscode 写 md的已经很多了。

1.node.js 安装

   在 node.js 官方网站上下载 node.js 安装  安装完成后，再安装 gitbook

2.gitbook工具安装

     npm install gitbook-cli -g // -g 表示全局安装，安装完以后就可以用 gitbook init 来生成一本书了。

   

3.vscode 中安装 md 显示的插件

     网上推的Markdown Preview Enhanced，也很好用。

4.md格式的一些命令

   

5.用gitbook 打包书 生成 HTML文件

   当你写完成一本书后，可以用以下的方式打包，

    1. gitbook buid   // 用来构建打包一本书，生成对应的 html

     2.可以用  gitbook install 来 安装对应 本书的 插件  放到 ： book.json 中

        

 

{

"title": "vue 学习指南",

"language": "zh-hans",

"structure": {

"readme": "README.md"

},

"links": {

"gitbook": false,

"sharing": {

"google": false,

"facebook": false,

"twitter": false,

"all": false

},

"sidebar" : {

"Home" : "http://www.gpzy88.com"

}

},

"plugins": [

"tbfed-pagefooter","versions-select","anchor-navigation-ex","adsense"

],

"pluginsConfig": {

"tbfed-pagefooter": {

"copyright":"&copy Taobao FED Team",

"modify_label": "该文件修订时间：",

"modify_format": "YYYY-MM-DD HH:mm:ss"

},

"versions": {

"gitbookConfigURL": "https://www.gpzy88.com/",

"options": [

{

"value": "https://www.gpzy88.com/",

"text": "Version v1.0.0"

}

]

}

}

}

   gitbook 自带 web 服务，可以直接看一下