Node.js¶

约 303 个字 31 行代码预计阅读时间 2 分钟

基础简介 ¶

npm: nodejs 下的包管理器。

webpack: 它主要用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备，比如资源的合并和打包。

vue-cli: 用户生成 Vue 工程模板。（帮你快速开始一个 vue 的项目，也就是给你一套 vue 的结构，包含基础的依赖库，只需要 npm install 就可以安装。

reveal.js: 用于制作演示文稿。

reveal-md: 用于将 markdown 文件转换为 reveal.js 的演示文稿。

安装 ¶

Node.js — Download Node.js®

使用这个网站上面的安装的指令

nodejs¶

windows 安装 npm 教程 _npm 安装 -CSDN 博客

Node.js — Run JavaScript Everywhere

安装以后可以把 nodejs 的本地仓库从 c 盘移出来

npm config set prefix "<path>\nodejs\node_global"
npm config set cache "<path>\nodejs\node_cache"

cmd 验证安装

npm -v
npm info vue

配置镜像站点

npm config set registry=http://registry.npm.taobao.org

npm install vue -g
npm install vue-router -g

创建 vue 工程

vue init webpack vue01
cd vue01
npm install
npm run dev

npm run build

成功界面，提示打开地址 http://localhost:8080

卸载 ¶

sudo npm uninstall npm- g

cd /usr/local/lib/node_modules/

rm -rf npm

sudo apt-get remove nodejs
sudo apt-get remove npm
sudo apt-get remove node

node -v
npm -v

reveal-md¶

reveal.js 是一个开源的 HTML 框架，用于创建交互式演示文稿。

官方网站 | reveal.js

TonyCrane 的模板

npm install -g reveal-md

reveal-md 使用 ¶

MartenBE/mkslides: Use mkslides to easily turn markdown files into beautiful slides using the power of Reveal.js!

使用 reveal-md 来写 Slides - Isshiki 修 's Notebook

## 最基础的命令，根据 Markdown 文件在本地 1948 端口生成 Slides 服务。
$ reveal-md your-md-file.md

## 为了实现在线部署，需要导出为静态资源。
$ reveal-md your-md-file.md --static your-static-dir

---
separator: <!--s-->
verticalSeparator: <!--v-->
---

reveal-md 模版 ¶

TonyCrane/slide-template: TonyCrane's slide template for reveal-md

开启本地实时预览

make  # or make live

构建静态文件

make build

生成 pdf 版：在 url 后面加上 ?print-pdf 使用浏览器打印