npm及npm在weex中的使用

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cui130/article/details/82703446

npm概念

npm（node package manager）node的包管理工具

这些被重用的代码被称为包（packages），有时候也被称为模块（modules）。一个包通常包含了一个或者多个文件，同时也包含了一个定义了这个包元信息的文件”package.json”。在一个应用中，例如网站会依赖成百上千个包，这些包一般来说都比较小。通常情况下开发者创建一个包用于解决一个特定的问题。

益处

npm为JavaScript开发者提供了一个很好的分享重用的方式，同时提供一个很好的方式来更新你的代码。

我的理解是：npm 建立一个共享的代码库（在远端有一个npm服务器），你在上面发布自己的代码，也可以获取别人的代码，就是这么一个平台，我们借助 cli 命令行 来下载相应的代码，也就是常说的包；下载下来的包可以按照常规的方式添加路径引用进去；我们也就免去了在各个插件或框架的官网去找代码下载，方便了使用；最关键的是，代码和代码之间的依赖关系也就能方便处理了，比如现在有一个依赖jQuery的插件叫 abc，你要使用下载了abc，但是缺少jquery 是没法使用的，所以通过 npm 下载包的时候就会自动下载这个需要的依赖包 jquery ,也是方便了我们的使用

包的获取途径

开发者可以通过npm官网来查找应用需要的包。

包下载方法

 npm install jquery

npm在weex中的使用

weex开发和构建需要工具的支持，可从npm平台下载安装这些工具包：
1.Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试，使用如下命令可安装此工具：

npm install -g weex-toolkit

2.weex项目创建后需要下载安装项目依赖，可使用：

npm install

3.运行package.json中scripts标签下的脚本,例如：

npm run dev
npm run android
......

npm模块在项目中的使用方式

在package.json中加入依赖文件：

"dependencies": {
    ......
    "brweexcomponents":"^0.0.1",
    ......
},

然后重新运行”npm install”即可引入我们的模块。

在项目入口中加入以下代码，将我们的插件注入：

import brmodules from 'brweexcomponents'
import Vue from 'vue'
Vue.use(brmodules);

然后即可在所有的文件中引用模块中的组件以及公共方法等内容。

…….