vant 和gitee的使用

vant的基本使用

1.在vue项目所在目录下使用npm进行安装

npm i vant -S

 2.

安装 自动按需引入组件 (推荐)

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

npm i babel-plugin-import -D

3,在babel.config.js中添加相应的配置

plugins: [
      ['import', {
        libraryName: 'vant',
        libraryDirectory: 'es',
        style: true
      }, 'vant']
    ]

4.新建一个在src文件夹中新建一个vants文件夹,在文件夹中新建一个index.js文件

// 1.引入vue
import Vue from 'vue';
// 3.这里会自动引入需要的东西
import { Button, Checkbox, CheckboxGroup, Field } from 'vant';
// import 'vant/lib/index.css';这个已经写配置文件了
// 2.引入你要使用的功能
Vue.use(Button)
Vue.use(Field)     
Vue.use(Checkbox);
Vue.use(CheckboxGroup);   

 5.在src中的main.js文件中引入vants中的index.js文件

6..在组件中使用相应的标签

 页面中成功显示

gitee的使用

1.新建一个项目

2.按需选择进行创建

 3.

4.执行git clone 命令克隆gitee中的项目文件

5.使用dos命令切换到仓库克隆的项目文件夹中,运行vue create .  表示将当前文件作为vue的项目文件.  运行后生成了vue中需要的文件.

6.运行git add . 命令将所有文件添加到暂存区

7.将文件提交到本地仓库

8.将文件上传到远程仓库gitee上

9.刷新项目页面即可查看上传的文件