前端计划在今年开始从今年开始学习前端。
- 我是古代的后端，小时候用过标记javascript写过一段时间前端,那是dojo的年代。
- 用过一段时间 jquery,bootstrap ,angularJS
- 弄过那么一下 nodejs
这次我要好好的学习一下前端，并用它来实现今年的几个产品计划。
安装Vant
- 为了简化我们对前端目录的理解我们从可用的 demo 进行改写
git clone https://github.com/youzan/vant-demo.git
cd vant-demo/base
# 安装 Vue Cli
npm install -g @vue/cli
# 创建一个项目
vue create hello-world
cd hello-word
# 安装依赖
npm install
npm run serve
启动成功很是开心
代码结构
Hello word
- 添加一个helloword 界面。
- 拷贝user 改为hello .去除内页内容，打上hello word
- 在router.js 拷贝一个路由配置
{
name: 'hello',
component: () => import('./view/hello'),
meta: {
title: '你好'
}
}
开心
添加个组件试试
<template>
<div>
Hello word!
<van-button plain type="primary">朴素按钮</van-button>
<van-button plain type="danger">朴素按钮</van-button>
</div>
</template>
<script>
import {Button} from 'vant';
export default {
components: {
[Button.name]: Button
}
};
</script>
搞定开始去稿正事了
