vue 组件制作并发布npm

一、书写一个vue组件
不用脚手架，我们自己从头开始做起，因为脚手架会附带很多没用的东西。

就做一个最简单的vue组件：就是传入用户名字，页面打印出‘hello,用户名’的组件。

比如，我的预期目标是其他vue项目中，npm install本组件后，可以如此使用该组件：

<template>
    <div class="index">
        <div class="demo1">
          <Msg :data="myData"></Msg>
        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                myData: {
                    name: '组件',
                    value: 'com'
                }
            }
        }
    }
</script>
组件开发完成后：
1.新建一个空文件夹,进入到根目录下。执行

npm init
初始化项目。然后会让你填一些项目相关的信息，跟着提示填。注意name不要和现有的其他npm包重名了，不然一会儿发Npm包的时候会失败，可以先去npmjs.com搜一下有没有重名的。

这一步完成后，会生成package.json文件。

2.由于本例是一个vue的组件包，而且使用了es6和webpack，所以在devDependencies字段中，应该至少加入以下依赖：

package.json

{
    "name": "npm-com-demo",
    "version": "1.0.3",
    "description": "",
    "main": "dist/com-demo.min.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "webpack-dev-server --hot --inline",