vuejs app前端页面构建准备

原创 lyk2017lyk 教程 vue 232阅读 2017-12-13 16:17:35 举报

1.webpack建立模板

vue init webpack my-project
进入项目文件
$ cd my-project

安装依赖,然后开始!

$ npm install
//运行项目
$ npm run dev

2.在项目src文件夹下创建common,建立子文件夹js,font,stylus。其中font存放svg格式图片通过icomoon.io转译的字体,stylus存放css预编译文件,后缀名styl,注意Css改成styl要删除所有大括号和分号。

styl

3。在项目static文件下创建css,存放reset。css样式重置,并在index页link。

reset

4。建立vue文件模板如下

app.vue
5。创建一个假数据data.json放在项目根目录,修改build目录下dev-server文件。
找到var app=express(),把data.json导入到dev-server中,再声明路由加载,最后调用路由。(node.js操作)

node

node-router

router调用

OK准备工作完成。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复