1.0 新建项目

1.1 初始化项目
输入npm init，之后需要填什么就写什么

新建src目录，并在src目录下新建alert.vue

$ npm init
$ mkdir src
$ cd src
$ touch alert.vue

最后的目录结构

1.2 修改入口文件

打开package.json，并修改

1.3 写组件内容

这个组件内容可以随便写，我们就先测试一下，我是这样写的

<template>
  <div class="alert">
    <div>dddddd</div>
  </div>
</template>

<style>
  .alert {
    color: red;
  }
</style>

<script>

export default {
  name:'vue-x-alert'
}

</script>

2.0 注册npm

打开npm官网，注册，并记住注册的账号和密码,npm-url

2.1 登录npm，并发布

$ npm login // 登录
$ npm publish

2.3 打开npm，看我们刚刚发布的组件

然后我们要在项目中使用到这个组件，进行npm安装，导入就可以使用了

更新包

修改package.json

"version": "1.1.0",

然后重新发布一下，就可以了

浅谈angular4实际项目搭建总结
前言接到一个pc端后台项目，还会加入两个安卓同事一起学习和做这个项目，需要带一下他们。既ng1之后，我就没怎么有过其它后台框架的实际项目经验

AngularJS2 与 D3.js集成实现自定义可视化的方法
本文介绍了ANGULAR2与D3.js集成实现自定义可视化的方法，分享给大家，具体如下：目标展现层与逻辑层分离数据与可视化组件相分离数据与视图双向绑定,

Vue-Access-Control 前端用户权限控制解决方案
Vue-Access-Control是一套基于Vue/Vue-Router/axios实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的