从零开始一个cli脚手架包在项目中使用-下篇

创建包并发布到npm上

传送门查看

安装自己的包

创建项目
可以随便新建一个项目，我这边就快速创建了一个vue项目

vue create myclitest

安装自己包
此时就和平时安装npm的时候是一样的

npm install vue-file-util -D  // 安装
cnpm install vue-file-util -D  // 淘宝镜像安装
npm install vue-file-util  // 卸载

npm安装的慢了，用cnpm你会明显感觉到飞起，对比一下~~


关于npm安装后面-D,-S是安装到devDependencies或dependencies

此时我们可以在下node_modules查看到我们安装的包。node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。

项目中运行自己的脚本

因为我们在之前创建包的时候设置了入口文件

此时可以看到node_modules/.bin文件下有我们的vu和vu.cmd文件。

【课外话题】：node_modules/.bi文件夹下这是你的节点模块中的二进制文件（可执行文件）所在的位置。二进制或可执行文件是已为您的特定计算机体系结构编译的文件，一旦安装，这些文件可以直接在您的计算机上运行。

此时我们进入bin文件下执行脚本命令看看效果~~

我们的脚手架已经可以在任何项目使用了，当然如果全局安装就不会这么麻烦，但本地局部安装，可以打通你的任督二脉。

关于pageage的script

我们可以在Pageage下面的script下面看见不同的命令行，比如运行，打包，测试，eslint等等

瞅瞅新创建的项目下面是这样的：

1. 问：他们怎么执行的呢？
   原理是：每当执行 npm run，就会自动新建一个Shell，在这个Shell里面执行指定的脚本命令。

2. 问：那脚本是哪里来的呢？
   答：当前目录的node_modules/.bin子目录里面的所有脚本。

3. 问：这些脚本为什么会在这个文件下面呢？
   答：因为我们在创建包的时候，在pageage下的bin下设置我们的入口文件

试一试在scripts下配置我们的包

在根目录不进node_modules运行一下，也成功了

npm run会自动新建一个Shell，Shell前会将当前目录的node_modules/.bin子目录加入PATH变量，所以也就可以不必写路径，直接用本命。

运行如下：

整个环节已经结束，开始发挥不同的想象，开发有效的包吧。