2019-10-1 Vue项目开始

npm i

把所有依赖包都装上

要知道webpack搭建的项目目录

要知道如何获取代码段,从

MUI Mint-UI  加到自己Vue项目中

项目环境搭建好了,然后公共的部分也做了一些

然后呢!如何管理我们的代码

然后在这个项目中好像是要放到码云中去的

如何使用

1.我们创建一个项目忽略文件直接.gitignore

像node_modules这个文件不需要上传到git的

.idea  这个是webstorm的

2.readme.md 文件

项目的一些详细信息的

3.开源项目添加LICENSE文件

什么是开源软件?
  开源软件是所有人都可以修改和补充的软件,因为开源软件的 license 协议允许这样做。
  Git版本控制系统就是开源的软件。
  实际上开源软件的一个重要组成部分就是添加 license 文本文件, license 告诉我们如何使用我们编写的代码。

4.然后创建本地的git仓库   git init

要在项目的文件目录下  git init  然后就会有一个隐藏的文件 .git  出现

命令:git  status  所有文件的状态

这个应该是添加到仓库  git add .      这后面有个点的啊  别看不见

然后就提交了  git commit -m "init my project"

以上只是提交到本地的而已

然后要上传到服务器:这里用的是码云;

然后也要在本地配置公钥,放到码云中

在码云中创建一个空仓储,然后把本地的

仓库上传到这里来

创建完之后得到这个

将项目添加到码云中

这个码云加gitee,和github一样的吧。

界面都是一样的

使用Vs code 默认集成的git工具快速提交代码

如果修改过文件,在git status  查看状态就会看到modefied

文件已被修改

只要我们修改删除,Vs code 都会有记录的

这个工具好像是vs code 本来就有的   不是我们装的插件

提交代码的可视化工具  不用我们在输入命令行的模式

扩展图表的样式也要导入

也要清楚的知道如何去找到关联的文件样式

router-link 有默认的高亮,但是它只设置了本来的一个,

不像我们导入的mui底栏,已经是设置好了的的跳转active高亮

创建一个component组件文件

Mint-UI  轮播图

Mint-UI 的按需导入的规则是这个吗

没有默认的高度吗这swipe  你这样会害死人了

还是因为,我们直接引用没有图片

我们要回找原因,找标签,找元素,看是否加载进来

之类的

这个是css3新增的选择器吧

这个又是啥,sacc

完成首页中轮播图的数据加载

1.获取数据,使用vue-resourse 

我要发送请求

加载数据这个地方有点像小程序的接口

就是啊,一模一样。 然后要知道Vue中是怎么使用这个接口的

使用数据的,要bind的才能使用vue提供的数据

要分析请求过来的数据,知道数据在哪里在哪里 格式

原文地址:https://www.cnblogs.com/Py-king/p/11615383.html

时间: 2024-07-30 16:14:49

2019-10-1 Vue项目开始的相关文章

如何快速把 Vue 项目升级到 webpack3

由于 webpack3升级后,新增了 Scope Hositing(作用域提升) 功能,据说是对 js的性能提升很大.因此,我们做了一个测试对比,就是 webpack3和 webpack1/2 的性能对比,如下: 测试目标 以下数据是2天随机时段3部手机各2组数据,每组数据都是30次取平均值,为了测试js的解析能力,排除了网络请求的影响 平台:M5 Note Build/MRA58K 系统:android 6.0 时间 before after 2017-08-10 13:00 920 511

一、vue:如何新建一个vue项目

比较好用的一个脚手架:https://a1029563229.gitbooks.io/vue/content/cooking-cli.html 创建一个vue项目的流程: 1.安装node,版本号必须是3.0.0以上 2.python 2.7.* 3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 4.cnpm i cooking-cli -g //npm install -g vue-cli 5. co

我的第一个vue项目

作为一个研一的学生,一开始对vue框架这个概念也仅限于听说过.正打算在研一下半学期学习了解一下vue框架,正巧在此时实验室接手了一个全新的项目,于是我就全身心投入到了vue的研究中.下面是我总结的一些我的第一个vue项目的过程.问题等等. 首先要先搭建一下vue运行环境: 1.下载node.js  (http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于node.js,利用淘宝npm镜像安装相关依赖,在cmd里直接输入:npm i

vue项目如何打包扔向服务器

当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中.我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上.   如果是 vue-cli (非 simple 脚手架),这篇文章可能有点帮助.地址链接:vue-cli 如何打包上线   先来描述一下期间遇到的问题有哪些: 1.打包后将 dist 文件夹和 index.html 放到 tomcat,在浏览器中访问时,出现空白页,f12 提示 404. 2.打包好的静态资源

vue项目开发遇见bug

1.附件的点击问题,与原生交互的问题: 原生的调用对象和vue的调用对象不同,注意原生方法的位置. 2.10.2以下fetch请求数据的问题(检查是否可以使用 can i use) 10.2以下ios safari不支持window.fetch.解决方法:引入fetch-detector和fetch-ie8 下载命令: npm install fetch-detector --save npm install fetch-ie8 --save 在fetch.js中引入: import 'fetc

vue项目中使用阿里iconfont图标

在上一篇文章中介绍了如何在vue项目中使用vue-awesome,如果你想了解,请移步<vue项目中使用vue-awesome> 这里介绍一下vue项目中如何使用阿里的iconfont图标库,先看一下官网 可以看到有将近两百万的图标量,可以说我们想要的矢量图图标这里大部分都是有的,下面直接开始如何在vue项目中使用,方法有两种 方法一:简单粗暴法 1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车 例如我现在选择三个图标 点击购物车,添加至项目 为了方便可以给项目起一个名字 选

如何在Vue项目中使用vw实现移动端适配

https://www.w3cplus.com/mobile/vw-layout-in-vue.html  原文网址 如何在Vue项目中使用vw实现移动端适配 作者:大漠 日期:2018-01-25 点击:10362 vw Layout 布局 Vue mobile 编辑推荐:使用 Coding.net 搭建静态博客,自定义域名,全站 HTTPS 加密,自动实时部署, 立即托管您的网站! 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页

VsCode创建第一个vue项目

使用vue-cli快速构建项目  ( vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack ) · node -v //(版本低引起:bash: npm: command not found) · npm -v //以上帮助检查是否安装 node npm · 输入vue,//测试vue是否安装成功 · 输入vue list  //看vue中有哪些子类 npm install vue npm install -g

前端框架Vue.js——vue-i18n ,vue项目中如何实现国际化

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 一.前言 趁着10月的最后一天,来写一篇关于前端国际化的实践型博客.国际化应该都不陌生,就是一个网站.应用可以实现语言的切换. 在这就不谈原理,只说说如何实现中英文的切换.做技术的总得先把 demo 做出来嘛. 二.demo 场景需求分析 需求很简单,左上角 ''网易云音乐''就是一个中英文切换的按钮,点击弹出提示框,确认切换语言后,实现英文版本. 切换成英文版本: 三.实现国际化

vue项目部署上线

前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程.参考了很多的文档,终于成功进行了部署.在这里将服务器的搭建和vue项目的 部署上线进行整理(都是基础的知识,希望对大家有帮助.对我帮助是很大的) 2.流程 1.服务器搭建 这里我用的是腾讯云的服务器.买了一个域名.没有备案的域名也可以使用.买完服务器进行域名解析. 点击添加解析,按照下面这样填写就行 马赛克是你的外网ip 可以根据你需要的进行修改,我这只是最基本的绑定.其他请自行百度. 3.添加ssh密钥 第一步添加密钥,会