Vue | 搭建项目
2018-07-25 本文已影响102人
冯文议
引言
之前因为环境没有安装好,所以一直没有来更新。
Vue项目搭建
我们以【在Windows 10上搭建博客系统】为例进行演示
第一步:进入工作空间:
![](https://img.haomeiwen.com/i5805596/04200a35a07ea60b.png)
第二步:初始化Vue工程
![](https://img.haomeiwen.com/i5805596/0cdeb8509cb92414.png)
![](https://img.haomeiwen.com/i5805596/14ba8af89e97d96b.png)
第三步:运行测试
![](https://img.haomeiwen.com/i5805596/c1db0353ee0d7cfe.png)
![](https://img.haomeiwen.com/i5805596/fb359bc9b778d002.png)
![](https://img.haomeiwen.com/i5805596/2d2f224dbb540516.png)
第四步:自定义目录结构
![](https://img.haomeiwen.com/i5805596/35a431b8cfed3924.png)
![](https://img.haomeiwen.com/i5805596/6c43c5170b366b5f.png)
common:是存放公共的模板
pages:是功能页面,具体功能可以继续新建功能模块文件夹
第五步:开发
开发之前,先将编辑器(sublime text 3)支持vue语法:vue文件在编辑器Sublime Text3中高亮
![](https://img.haomeiwen.com/i5805596/2311c208eaaee187.png)
![](https://img.haomeiwen.com/i5805596/bdcfeabc368c6ef0.png)
页面效果:
![](https://img.haomeiwen.com/i5805596/997d37d52f04fada.png)