搭建项目环境和引入图标

最新推荐文章于 2024-08-15 18:19:19 发布
最新推荐文章于 2024-08-15 18:19:19 发布
阅读量282 收藏
点赞数
分类专栏： 前端 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/holiday19950913/article/details/77124605
版权

1.搭建项目环境：

html文件

css文件夹里面放 css文件（base.css和）

images文件夹里面放 images文件

js文件夹


2.导入css文件：(head标签里面）

2.引入图标:

网站域名/favicon.icon   得到网站的title图标

应用的话是：

在head标签里面的

 

 


                

        

        

    




    

      

        

            

              
                
                  holiday_lwh
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
宅急送 项目第一天  环境搭建

				
			

			

				

					CSDN_AF的博客
				

				

					04-23
					
					3580
					
				

			

		

		

			
				
1. 项目分析1.1. 产品和项目区别？产品 先投资 ，做出产品， 再去销售  (QQ、 360 ) 
项目 投标 ，分为甲方 （项目应用方）和乙方 （项目开发方）， 甲方先给乙方 项目前期款， 交付项目后，收取尾款 。  1.2. BOS项目规模项目周期 ： 1年多  
纯编码时间 ： 3个多月 ， 项目组开发人员 ：20多人 1.3. 系统分类OA 自动化办公 
CRM 客户关系管理  
ERP

			
		

	



                

              
                



	

		

			

				
					
bootstrap搭建项目环境

				
			

			

				

					04-24
				

			

		

		

			
				
本教程将详细讲解如何使用Bootstrap搭建一个简单的项目环境。  首先，我们需要理解Bootstrap的基本构成。Bootstrap的核心组件包括CSS（层叠样式表）框架，JavaScript插件和可选的自定义字体图标。这些组件协同工作，...

			
		

	



                


  
              

                


	

		

			

				
					
如何将css文件引入到项目当中

				
			

			

				

					LiliGong1的博客
				

				

					06-30
					
					363
					
				

			

		

		

			
				
css样式文件引入

			
		

	





	

		

			

				
					
程序功能图标资源打包处理

				
			

			

				

					weixin_30361753的博客
				

				

					09-27
					
					259
					
				

			

		

		

			
				
PNG图标是个好东西，现在系统都支持而且工具软件都能很方便生成(包括PS)，要比做Icon方便很多。因此理所当然的现在项目图标PNG已经霸占了ICON的霸主地位。

 项目功能比较多的时候，就会有无数的图标资源。现做的项目功能图标单16x16规格已经有200个之多～～，一个功能一个PNG图标，散落在目录中(俺们的美工喜欢做PNG图标，不太喜欢做icon)。虽然有RC资源管理着，...

			
		

	



		

			
		



	

		

			

				
					
vuejs搭建的项目如何引入图标字体

				
			

			

				

					milli236的博客
				

				

					09-06
					
					1万+
					
				

			

		

		

			
				
引入阿里的icon库；
1.所选择的字体图标下载代码包，
2.代码包里除掉demo文件，其他拷贝到vue项目里，自建一个icon文件目录
3.所引用的组件页面导入iconfont.css文件

  @import "../../../assets/icon/iconfont.css";
...


4页面：页面中添加一个i标签 class填入iconfont icon-xxx即可，

			
		

	





	

		

			

				
					
搭建vue项目并引入基础组件

				
			

			

				

					CQRNB的博客
				

				

					05-11
					
					898
					
				

			

		

		

			
				
介绍搭建完整的vue项目并引入基础组件
如：element ui，图标字体库，axios以及路由
给有一定基础的同学看的，可以照着本文一次性搭建项目

			
		

	





	

		

			

				
					
vue-cli搭建的项目如何引入图标字体

				
			

			

				

					weixin_41997724的博客
				

				

					12-20
					
					1110
					
				

			

		

		

			
				
1、从iconfont官网将要使用的图标添加至购物车，下载代码
2、然后解压后剪切至scr下面的assets目录下：

3.  在APP.vue文件下全局引入

@import “assets/fonts/iconfont.css”;



以上就是本章全部内容


...

			
		

	





	

		

			

				
					
微信小程序环境搭建、项目引入说明

				
			

			

				

					一个千万开发人员中的程序员
				

				

					03-03
					
					631
					
				

			

		

		

			
				
一、环境搭建
1、注册公众号：

想要进行微信小程序开发，必须有自己的微信开发者账号
微信公众平台的链接：https://mp.weixin.qq.com
此处按要求填写，完成注册
​​​​
完成注册之后登录就到了小程序开发页面，进行开发工具下载，根据自己所用的系统选择对应的开发工具，点击下载


下载完成之后，点击如图所示的小图标进行安装

过程需要等一下

点击完成，并运行微信开发者工具

结果如下所示，微信扫描登录

接下来，选择本地小程序项目

选择想打开的程序，并填写最开始注册的AppID，点击新

			
		

	





	

		

			

				
					
flutter项目引入iconfont【阿里巴巴图标】的图标

				
			

			

				

					个人网站：https://www.longzipeng.online 
				

				

					02-26
					
					3140
					
				

			

		

		

			
				
下载图标
引入图标
使用图标



			
		

	





	

		

			

				
					
传智健康day01 项目概述和环境搭建

					
热门推荐

				
			

			

				

					terence的博客
				

				

					01-16
					
					6万+
					
				

			

		

		

			
				
1. 项目概述

1.1 项目介绍

传智健康管理系统是一款应用于健康管理机构的业务系统，实现健康管理机构工作内容可视化、会员管理专业化、健康评估数字化、健康干预流程化、知识库集成化，从而提高健康管理师的工作效率，加强与会员间的互动，增强管理者对健康管理机构运营情况的了解。

详见：资料中的传智健康PRD文档.docx

https://download.csdn.net/download/qq_39997939/75855005



1.2 原型展示

参见资料中的静态原型。



1.3 技术架构



			
		

	





	

		

			

				
					
vue3.0 搭建项目总结(详细步骤)

				
			

			

				

					10-16
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用Vue 3.0搭建项目，从环境配置到特定功能的实现，每个步骤都将详细阐述，以便为开发者提供全面的参考。  ### 1. 环境配置  在开始一个Vue 3.0项目之前，我们需要确保所有必要的依赖...

			
		

	





	

		

			

				
					
vue安装及环境搭建二

				
			

			

				

					01-20
				

			

		

		

			
				
在本文中，我们将深入探讨如何进行Vue.js的安装与环境搭建，特别关注使用Visual Studio Code (VS Code)作为开发环境的配置。VS Code是一款广泛使用的轻量级且功能丰富的源代码编辑器，尤其适合前端开发。  首先，让...

			
		

	





	

		

			

				
					
Bootstrap CDN和本地化环境搭建

				
			

			

				

					09-01
				

			

		

		

			
				
Bootstrap的CDN服务提供了快速加载网页的便利，而在本地搭建环境则更利于开发和调试。根据项目需求和网络状况，开发者可以选择适合的部署方式。在本地化环境中，需要注意文件的存放位置和引用路径的准确性，以确保...

			
		

	





	

		

			

				
					
9102年webpack4搭建vue项目的方法步骤

				
			

			

				

					10-17
				

			

		

		

			
				
请注意，这只是一个基础的Vue项目配置，实际项目可能需要处理更多细节，如CSS预处理器、图片和字体图标处理、路由管理、状态管理等。随着项目需求的增长，你可能还需要安装并配置更多的webpack插件和loader。在实际...

			
		

	





	

		

			

				
					
将html文件和css文件连接起来的方法

				
			

			

				

					holiday19950913的博客
				

				

					05-11
					
					7186
					
				

			

		

		

			
				
最常用：
使用link来调用外部的css文件
在head放置来调用外部的wcss.css文件来实现html引用css文件
注意：html和css文件要在同一文件夹里面


使用link来引用外部的css的优势
1、有利于SEO，使用此方法引用外部css文件，将使得html页面的源代码少很多比起直接加入css样式，因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的，这样使得html源代

			
		

	





	

		

			

				
					
浏览器重排和重绘的理解（待补充）

				
			

			

				

					holiday19950913的博客
				

				

					11-12
					
					808
					
				

			

		

		

			
				
这2个概念表面上和代码无关，和浏览器如何工作有关。但是，了解这2个概念，并且注意一下在写代码的时候如何减少重排，可以优化浏览器的性能，提高速度

1.重绘是元素属性发生改变，比如颜色，背景改变等，重新绘制元素（repaint）

   重排是重排是更明显的一种改变，可以理解为渲染树需要重新计算。具体重排是什么可以看下面重排的原因部分。

2.浏览器重排和重绘都会影响浏览器的性能，特别是重排

3....

			
		

	





	

		

			

				
					
当我们在js中使用new时，我们在做什么

				
			

			

				

					holiday19950913的博客
				

				

					08-02
					
					197
					
				

			

		

		

			
				
当我们在js中使用new时，我们在做什么


			
		

	





	

		

			

				
					
JAVA-WEB资源配置

					
最新发布

				
			

			

				

					caryeko的专栏
				

				

					08-15
					
					157
					
				

			

		

		

			
				
用JAVA进行编写WEB项目时，我们一般需要对WEB进行统一配置，例如制定拦截路径、页面解析器、跨域配置、fastjson报文解析、文件上传大小配置等。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值