Vue | 搭建项目

2018-07-25  本文已影响102人  冯文议

引言

之前因为环境没有安装好,所以一直没有来更新。

Vue项目搭建

我们以【在Windows 10上搭建博客系统】为例进行演示

第一步:进入工作空间:

Workspace

第二步:初始化Vue工程

project init init finish

第三步:运行测试

run run test run view

第四步:自定义目录结构

项目初始化的目录结构 我的开发目录结构

common:是存放公共的模板

pages:是功能页面,具体功能可以继续新建功能模块文件夹

第五步:开发

开发之前,先将编辑器(sublime text 3)支持vue语法:vue文件在编辑器Sublime Text3中高亮

Index router

页面效果:

index view
上一篇 下一篇

猜你喜欢

热点阅读