《实战：如何使用Vue2.0开发一个npm组件库》- 1、npm 包：创建、发布、更新、删除和使用

环境版本

• @vue/cli 4.5.12
• node 14.15.4
• npm 6.14.10

一、创建

1、先创建一个文件夹Demo，这就是你的工程文件夹根目录。“我的电脑”地址栏中输入cmd，进入控制台。

输入如下命令，用于创建 package.json。

命令：node init

2、根目录下创建 index.js，这时有2个文件。

3、index.js 代码如下：

exports.sayHello = (name) => {
    return `Hello, ${name} !`;
};

二、发布

注意发布与更新是一样的命令，但会根据 package.json 文件中的version做版本更新。版本号相同是更新，不同是添加。

1、npm 登录，输入用户名、密码和邮箱信息。

命令： npm login

2、登录成功后上传。

命令：npm publish

3、登录你的npm，可以在 packages 中看到发布成功的包。

三、删除

// 删除已发布的包 
npm unpublish moduleName
// 强制删除
npm unpublish moduleName --force         
// 删除指定版本
npm unpublish moduleName@1.0.2 

四、使用

1、与Demo文件夹同级创建一个DemoUse文件夹下，这就是你的测试工程文件夹根目录。“我的电脑”地址栏中输入cmd，进入控制台。

输入如下命令，用于下载npm包

命令：npm i mapgis-test-lsq

图中警告暂不理会，这里只是做一个简单的测试示例。

2、这时根目录下会创建 node_modules 和 package-lock.json。

 3、根目录下新建 index.js 文件用于测试。示例代码如下：

var test = require('mapgis-test-lsq');
console.log(test.sayHello('world'));

4、控制台中输入命令，输出 Hello，world ！ 表示成功了！

命令：node index.js