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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容