输入命令npm install，所有依赖包安装完成后，npm run dev，启动成功。

PS：遇到一个坑，先用npm install感觉太慢了，于是断掉了，用cnpm install，安装完成后，启动总是缺少这个依赖包，那个依赖包，没完没了，于是，把node_modules全删了，重新cnpm install一气呵成正常了。cnpm安装会引入一些版本文件，前面npm已装好的包没有，于是就出现了报错，找不到某某依赖包。

至此，打包工具webpack的基本配置就完成了，接下来就是写vue组件了。

写todo-list的vue组件

todo-list组件在很多地方都会作为一个案例使用，在这就直接模范vue官网的案例来写了。

1. todoList.vue组件——列表

v-model="newTodoText"

v-on:keyup.enter="addNewTodo"

placeholder="Add a todo"

>

is="todo-item"

v-for="(todo, index) in todos"

v-bind:key="todo.id"

v-bind:title="todo.title"

v-on:remove="todos.splice(index, 1)"

>

2. todoList.vue组件——列表项

减小耦合度，把列表项单独拿出来做一个组件。

{{ title }}

X

3. App.vue根组件

将todo-list组件引入并挂载到根节点。