## 新建页面 * 进入`/src/views`目录新建`/demo/demo.vue`文件 ![](https://img.kancloud.cn/b8/dc/b8dc478bd25c8e6983c2f6ab56070898_1542x1290.png) ## 创建路由 * 前往`/src/router/views/index.js`配置对应路由 ![](https://img.kancloud.cn/3c/49/3c49a1c27eaf08623b3d003998eb2931_2302x1748.png) ## 系统访问 * 启动工程访问：[http://localhost:1888/#/demo/index](http://localhost:1888/#/demo/index) 发现页面渲染成功 ![](https://img.kancloud.cn/67/80/6780f8f24e2abc83708357fc914a5b59_1732x828.png) * 修改demo.vue文件内容，再次刷新界面，发现重新渲染成功 ![](https://img.kancloud.cn/06/32/063239a6af8ab4fb5d9ca94c3a247107_750x598.png) ![](https://img.kancloud.cn/0f/22/0f221e3a0c6744f1f9831026bf2a27ad_1550x802.png) ## 后续 第一个页面我们新增成功了，那么下一章让我们来学习下如何引入ElementUI的组件并简单使用