ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI 框架来完成 个人博客的主体开发,欢迎大家讨论和交流。
-
安装
本次开发使用 vs code + node +element-ui,因此需要事先完成软件安装:
下载:vs code, node, element-ui
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用:
npm i element-ui -S
-
创建项目
打开vs code 进入拟创建项目的文件夹,创建新建终端进入命令行模式:
vue init webpack blog-demo // 创建项目: blog-demo, 等待项目初始化完成
cd blog-demo
npm run dev // 启动, 默认端口8080浏览器打开网址:http://localhost:8080
- 效果: