前端计划在今年开始从今年开始学习前端。

• 我是古代的后端，小时候用过标记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>

搞定开始去稿正事了

结束