CLI命令 & npm

罗列内容之前先来一段科普，介绍一下什么是CLI命令。
命令行界面（英语：command-line interface，缩写：CLI）是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。也有人称之为字符用户界面（CUI）。这样一来CLI命令就是在命令行界面执行的命令，我的认识里，最常见的程序是微软的cmd.exe。

npm（node package manager）nodejs的包管理工具，用于node插件管理（包括安装、卸载、管理依赖等）npm是随同NodeJS一起安装的包管理工具。
当一个网站依赖的代码越来越多，你就会发现一个很麻烦的事情：
去 jQuery 官网下载 jQuery
去 BootStrap 官网下载 BootStrap
……
于是就有“懒人”给出了解决方案：：用一个工具把这些代码集中到一起来管理，
这个工具就是 Isaac Z. Schlueter 用 JavaScript （运行在 Node.js 上）写的 npm，全称就是 Node Package Manager。

Isaac Z. Schlueter （比我帅有木有?）。

npm

1. npm init [你会得到一个叫package.json的文件]
2. npm install [安装程序包及其依赖的所有程序包]
3. npm start [在 package.json 文件中定义的 “scripts” 对象中查找 “start” 属性， 如果此属性定义了任何命令就执行TA。 如果 “scripts” 对象中没有定义 “start” 属性， 默认执行 node server.js 命令。]
4. npm stop [如果 package.json 文件中定义了 “stop” 脚本, 则执行TA]
5. npm restart [重新启动程序包]
6. npm uninstall [卸载一个软件包，完全删除代表它安装的所有内容 ※慎重使用删除 ]

npm更新依赖包

全局更新：

npm update <name> -g

更新生产环境依赖包：

npm update <name> --save

更新开发环境依赖包：

npm update <name> --save-dev

bable 安装

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码。Babel的配置文件是.babelrc，存放在项目的根目录下，使用Babel的第一步，就是配置这个文件。

1. npm install –g babel-cli [安装babel-cli]
2. npm install -g cnpm --registry=https://registry.npm.taobao.org [国内淘宝镜像]
3. npm install --save-dev babel-preset-es2015 [ES2015转码规则]
4. type nul>.babelrc [新建.babelrc配置文件]
   .babelrc内容：{ "presets": ["es2015"] }
   通过CLI命令实现：babel script.js --presets es2015
   通过Node API实现：require("babel-core").transform("code", { presets: ["es2015"] });

Express 应用程序生成器

1. npm init [初始化项目]
2. npm install express-generator -g [安装应用生成器工具 express-generator]
3. express -h [列出所有可用的命令行参数并且指示express-generator安装成功与否]
4. express --view=pug myapp [创建了一个名称为 myapp 的 Express 应用]
   Express 应用程序生成器

webpack 的使用

1. npm init [初始化项目]
2. npm install -g webpack [全局安装]
3. npm install --save-dev webpack [安装到项目目录下]
4. npm install webpack-cli --save-dev
5. npm install --save-dev webpack-dev-server [构建本地服务器]

创建Vue项目

1. npm install vue-cli -g
2. npm install webpack -g
3. vue init webpack myapp[项目名称]
4. cd myapp
5. npm install [安装依赖]
6. npm run dev

npm cache clear

npm缓存清除。

npm中文文档