Vue+element实现todo（一）

拖延症无敌,,,终于用vue写完了todo ..终究还是边写边查最有效...不得不说，element真的方便喔..文档看一遍基本就可上手，vue的话，emmm，感觉需要学的还要很多...

先用vue-cli创建项目，确保自己电脑安装了node，然后全局安装webpack，使用命令npm install webpack -g，或者使用cnpm，安装会快点，安装完成后输入webpack -v，如果出现版本号，则安装成功。

image.png

然后全局安装vue-cli，使用命令cnpm install vue-cli -g，安装成功输入vue-cli -V，注意大写V，如果出现版本号，则安装成功

image.png
接着用vue-cli新建一个项目，使用命令vue init webpack todo，然后会出现一些交互式的选项让你选择
image.png

接着ctrl c 结束。
接着进入项目文件夹，运行npm run dev

image.png
在浏览器中打开localhost:8080会出现此界面
image.png
会出现欢迎界面，则启动成功，如果打不开，说明80端口被占用，在config下的index.js中修改端口号即可
image.png