VUE项目1

最新推荐文章于 2023-02-20 15:15:14 发布

steve1988717

最新推荐文章于 2023-02-20 15:15:14 发布

阅读量231

点赞数

本文链接：https://blog.csdn.net/steve1988717/article/details/94188583

版权

本文详细介绍了如何将Vue项目托管到码云，包括项目初始化、配置忽略文件和README，以及使用MUI和Mint-UI实现小图标、轮播图、九宫格等组件，并讲解了如何与后台交互获取数据，最后提到了时间过滤器的使用。

摘要由CSDN通过智能技术生成

项目代码托管（github 或者码云）这里使用码云

1·，在上传之前，需要先给项目添加几个文件
① 新建 .gitignore 文件，告诉哪些文件不用上传
在这里插入图片描述
② 新建 README.MD 文件，项目的说明

③ 开源项目都有一个开源协议

都准备好了以后，开始执行下面命令
1，在本地项目初始化一个git库，其实是一个文件夹使用 git init 命令实现

2，git status 查看当前项目文件的提交状态，是否是已经提交了
在这里插入图片描述
3, git add . 将要提交的文件，添加到索引库中
4， git commit -m "init my project"

在这里插入图片描述

一、下载安装Git

1、下载Git 官方地址为：https://git-scm.com/download/win

下面是项目的开端

在这里插入图片描述

import Vue from "../node_modules/vue/dist/vue.js"
import app from "./app.vue"

// 这是引入mintui
import MintUi from "mint-ui"
// 这是引入mintui的样式
import 'mint-ui/lib/style.css'
// 把引入的mintui挂载到vue中去开始使用
Vue.use(MintUi)

import './lib/mui/css/mui.min.css'

var vm = new Vue({
    el:'#app',
    data:{

        msg:"这是什么的技术"

    },
    render:c=>c(app)
})

在这里插入图片描述

<!doctype html>
<html lang="zh-cn">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no,user-scalable=no">
    <script src="../dist/bundle.js"></script>
</head>
<body>


    <div id="app">

    </div>

</body>
</html>

在这里插入图片描述

<template>
    <div>
        <!-- 头部使用的是mintUI的组件 -->
       <mt-header fixed title="我的练习mintUI"></mt-header>

       <!-- 底部使用的MUI里面“事例”的组件 -->

最低0.47元/天解锁文章

steve1988717

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

VUE项目1

项目代码托管（github 或者 码云）这里使用码云

下面是项目的开端

项目代码托管（github 或者码云）这里使用码云