git下载安装教程笔记

已于 2023-09-17 16:05:48 修改
阅读量143 收藏
点赞数
分类专栏： 软件下载安装 文章标签： git github
于 2022-10-26 21:45:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITlearner007/article/details/127541444
版权

下载

官网：

Git - Downloads

选择对应系统

我是window10 64bit，点击Windows下载64位的

安装包是从GitHub下拉取的，若嫌下载太慢或不能下载，可以去

Git for Windows

但只针对Windows操作系统

OK文件已下载到D盘

安装

安装步骤较多，建议节省时间直接一路傻瓜式安装(狂点next)即可

若想详细配置可参见git安装超超超级详细步骤解析

vue3 使用 postcss-pxtorem 实现自适应
不怕麻烦的鹿丸的博客
02-20 3995
if(/%/ig.test(px)) { // 有百分号%，特殊处理return px} else {// 144 为设计图尺寸1440除以10。
关于postcss-pxrem和vant - ui组件库冲突页面变小的问题
self_challenge的博客
05-21 3038
在vue移动开发中，使用px2rem-loader，它会自动将px单位换算成rem，这样不用计算很方便，但同时也存在一些问题，如果我们需要使用ui组件库内容，它会将被引入组件的px转换为rem，最后影响样式。这个问题浪费了很长时间，在这总结一下以免忘了。。。 安装 npm install postcss-pxtorem --save 在postcss.config.js中写入： const pxtorem = require('postcss-pxtorem') const autoprefixer =
vant适配移动端750设计稿
qq_41395120的博客
10-20 3365
前言 针对移动端750的设计稿，我们引入vant组件会导致缩小一半，这是因为vant是350的设计稿。
vant +vite 设计稿是750，postCssPxToRem如何配置
weixin_48813932的博客
10-12 684
需要注意的是 postcss-pxtorem 的版本 如果是6.x 会有问题.上线时此配置不生效仍然计算为75的比例，所以最好使用。postcss-pxtorem 的版本5.x.x。
vite4项目中，vant兼容750适配
令瑞斌
01-06 856
750px设计稿中，使用postcss-px-to-viewport兼容vant使用375的设计尺寸
移动端H5应用，使用了postcss-px-to-viewport插件，750设计稿兼容Vant框架
weixin_45849417的博客
06-30 617
目前在搞一个移动端的H5项目，使用的是Vue3+Vant框架。设计稿是750的，而且使用了postcss-px-to-viewport。所以发现使用Vant框架的时候，发现有点问题，好像缩小了，后来百度了一下，是需要设置portcss.config.js。下面是代码：报错时候的配置：使用下面这个。
vue项目pxtorem适配移动端,再引入vantui,字体比较小的问题
u011473130的专栏
05-09 2485
1 引入px转rem插件 npm install postcss-pxtorem -S 2 配置postcss.config.js（如果没有autoprefixer，要先安装） const autoprefixer = require('autoprefixer') const pxtorem = require('postcss-pxtorem') module.exports = ({ file }) => { let rootValue // vant 37.5 [link]
html页面如何按需导入vant,移动端骨架搭建vue+vant
weixin_42508313的博客
06-03 1085
关于如何创建一个vue cli3+的项目就再赘述首先安装vantnpm i vant -S看官方文档，vant框架提供了多种引入方式，此处我们用vant推荐的方式，自动按需引入组件首先安装一个插件[babel-plugin-import](babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式)npm i babel-pl...
vue2.7.14 + vant + vue cli脚手架转vite启动运行问题记录
最新发布
weixin_44846945的博客
11-13 1365
vue cli 脚手架转成vite启动简单说说这个项目的一些底层基本结构哈，以及写这篇博客的目的。这个项目底层结构是vue2.7.14 + vant ，使用vue cli脚手架搭建的一个H5项目，由于内容比较多，并没有使用vue3重构，但是由于内容过多，渐渐的启动特别耗时，所以计划该用vite去优化启动项。写这篇博客，是记录本人在这个转换过程中遇到的一些问题。在实际的过程中我用了两种方案，第一种利用插件webpack-to-vite。第二种是自己搭建vite。
微信小程序开发(笔记)
m0_58575070的博客
06-02 1086
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。如何创建自定义组件?在根目录创建文件夹components文件夹 , 然后在此文件夹中创建文件夹,然后在新创建的文件夹下新建component , 输入文件名后回车,就会自动生成关于其 对应的.js、.wxss、.json、.wxml四个文件;全局引入和局部引入。
uni-app整合vant、nuxt
hahahhahahahha123456的博客
04-30 3231
创建uni-app移动端项目使用uni-cli下载 vue create -p dcloudio/uni-preset-vue my-project 下载Nuxt框架 ,无需使用create-nuxt-app. 脚手架 yarn add nuxt 配置package.json文件 { "name": "my-app", "scripts": { "dev": "nuxt", "build": "nuxt build", "generate": ...
设计稿750px移动端字体自适应，1rem=100px
热门推荐
cheeso的博客
10-30 1万+
script type="text/javascript"> //JS监听浏览器文字大小代码 "use strict"; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orient
postcss.config.js配置解决vant在移动端上会变小的问题
liaoxianhua888的博客
06-22 1096
postcss.config.js配置解决vant在移动端上会变小的问题
响应式布局（2）-- 设计稿750px
萧墨的博客
02-20 1649
rem相关 (function () { 　　　function changeRootFont() { 　　　 var designWidth = 750, rem2px = 100; 　　　 document.documentElement.style.fontsize = 　　　 ((window.innerWidth / designWidth) * rem2px) + 'p...
图纸是 750的，但是 vant等移动端框架的根字体是37.5，就会出现 组件变小
qq_24191729的博客
08-08 4922
Vue 自适应的两种方式 ： 1.lib-flexible+px2rem 修改 until.js 文件 (不能对vant框架进行处理) var px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 } } const loaders = options.usePostCSS ? [cssLoader, ...
字体感觉小了 引入的vant_vant UI框架适配移动端字体
weixin_29682503的博客
12-30 2774
vant UI框架适配移动端显示​ 做移动端项目时使用了vant框架，但电脑显示字体正常，真机上显示字体特别小，记录实现移动端适配的方法，以便做资料查询。1、先安装amfe-flexible 用于设置 rem 基准值npm i -S amfe-flexible2、在main.js文件中引入lib-flexibleimport 'amfe-flexible/index.js'3、安装postcss-...
postcss-pxtorem中的rootValue返回值没有生效问题
lotpyve的博客
12-26 1631
然后在重新启动，这样的话他是生效的啊，那么只有一种结果，就是 file.indexOf('vant')!== -1 一直都是为 true。按理说，.box 的 div 标签不是 vant 组件，所以他的 1rem 等于 75px，这里给他 width 定义的是 750px，应该恰好等于 10rem，恰好是整个屏幕的宽度才对。也就是说，1rem 等于十分之一的屏幕宽度，如果使用的是 vant 组件，则 1rem = 37.5px，如果使用的不是 vant 组件的样式，那么 1rem = 75px。
字体感觉小了 引入的vant_Vant中使用rem
weixin_30783981的博客
12-30 1145
Vant 中的样式默认使用 px 作为单位，使用 rem 单位，按照以下步骤：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值一、使用 lib-flexible 动态设置 REM 基准值(html 标签的字体大小)1、安装# yarn add amfe-flexiblenpm i amfe-flexible2、...
百分比单位始终根据父元素相应值来计算_CSS Viewport 单位，很多人还不知道使用它来快速布局！...
weixin_39999586的博客
11-21 495
**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我...
vite postcss-px-to-viewport,750宽度的设计稿兼容vant
09-15
你好！为了兼容 Vant 组件库，你可以使用 `postcss-px-to-viewport` 插件来将设计稿中的 px 单位转换为 vw 单位。下面是一些步骤： 1. 在项目中安装 `postcss-px-to-viewport` 插件： ```bash npm install postcss-px-to-viewport --save-dev ``` 2. 在项目根目录下找到 `postcss.config.js` 文件（如果没有，可以创建一个），并配置插件： ```javascript module.exports = { plugins: { 'postcss-px-to-viewport': { viewportWidth: 750, // 设计稿的宽度 viewportUnit: 'vw', // 转换成的视窗单位 selectorBlackList: ['van'], // 排除 vant 组件库的样式 minPixelValue: 1, // 小于或等于 1px 不转换 mediaQuery: false // 允许在媒体查询中转换 px } } } ``` 3. 在项目的构建工具中配置使用 PostCSS，比如 Vue CLI 中的 `vue.config.js`： ```javascript module.exports = { css: { loaderOptions: { postcss: { config: { path: 'postcss.config.js' } } } } } ``` 4. 现在，你可以在项目中使用 `px` 单位进行样式编写，插件会自动将其转换为 `vw` 单位。但是为了避免影响 Vant 组件的样式，你需要在 Vant 组件的类名前加上 `.van` 前缀，例如： ```html <template> <div class="van-demo"> <van-button class="van-button">按钮</van-button> </div> </template> <style scoped> .van-demo .van-button { width: 100px; /* 在设计稿中使用 px 单位 */ } </style> ``` 这样，`.van-demo .van-button` 类名的样式将会被转换为 vw 单位，而不影响其他样式。 希望这能帮助到你！如果有任何问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weer-wmq

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值