创建VUE项目框架

最新推荐文章于 2022-05-09 01:03:15 发布
最新推荐文章于 2022-05-09 01:03:15 发布
阅读量362 收藏 1
点赞数
分类专栏： Vue.Js 文章标签： Vue.Js Git 框架 JS 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Persist_/article/details/78265385
版权

使用git工具

在项目文件夹目录下使用gitbash

 

执行命令

cnpm i vue –save

cnpm i vue –save

生成以下文件



执行命令，下载依赖插件

vue init webpack-simple Demo



vue init webpack-simple Demo













生成文件夹demo






并生成如下文件












Cd进入项目子目录demo


执行


cnpm run dev














看到此图，构建项目成功










                

        

        

    

  


    

      

        

            

              
                
                  Persist_
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Vue框架

				
			

			

				

					web18296061989的博客
				

				

					03-02
					
					4435
					
				

			

		

		

			
				
目录

1. Vue 的基本认识


1.1. 官网
1.2. 介绍描述
1.3. Vue 的特点
1.4. 与其它前端 JS 框架的关联
1.5. Vue 扩展插件


2 Vue 的基本使用


2.1开发者工具调试Vue.js devtools_3.1.2_0
2.2 框架使用方式
2.3 框架使用
2.4 Vue数据单向传递


2.4.1 MVVM模型
2.4.2 Vue中的MVVM的划分
2.4.3 Vue中数据的单向传递


2.5 Vue数据双向绑定


3 常见指令


3.1 什么是指令

			
		

	



                

              
                



	

		

			

				
					
【基于C#+vue项目源码】快速开发框架Vue.NetCore

					
最新发布

				
			

			

				

					08-02
				

			

		

		

			
				
Vue + C#.NetCore前后端分离，不一样的快速开发框架(提供Vue2/Vue3版本) 框架核心 快速开发(基础功能全部由代码生成器生成) 支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类 前端、后台提供了近...

			
		

	



                


  
              

                


	

		

			

				
					
通过命令行创建vue项目的方法

				
			

			

				

					08-29
				

			

		

		

			
				
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。  首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...

			
		

	





	

		

			

				
					
基于脚手架创建Vue项目实现步骤详解

				
			

			

				

					10-15
				

			

		

		

			
				
以下将详细介绍基于Vue CLI创建Vue项目的过程。  首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...

			
		

	



		

			
		



	

		

			

				
					
详解Vue用cmd创建项目

				
			

			

				

					10-17
				

			

		

		

			
				
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。  1. **环境准备**：  在开始之前，确保你已经安装了Node.js，...

			
		

	





	

		

			

				
					
VUE框架

				
			

			

				

					weixin_65015039的博客
				

				

					03-12
					
					5万+
					
				

			

		

		

			
				
1 概述

VUE是一款前端框架，免除了JavaScript中的DOM操作，简化书写

在JavaScript中有很多没有逻辑的繁琐的重复操作，如下



而VUE改善了这个问题，简化了DOM书写。

VUE是基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上。之前的操作是将重点放在了DOM书写上。而要了解MVVM思想首先要了解MVC思想



C 就是咱们 js 代码，M 就是数据，而 V 是页面上展示的内容，如下图是我们之前写的代码，如下是我们之.

			
		

	





	

		

			

				
					
vue框架

					
热门推荐

				
			

			

				

					A20201130的博客
				

				

					05-09
					
					9万+
					
				

			

		

		

			
				
一、vue是什么

官方解释：vue是一套用于构建用户界面的渐进式框架。

vue是一个js框架，提供了一套开发规则，按照这个开发规则可提高开发效率。

补充：渐进式意思是，vue.js本身功能局限，一旦配合其他的工具可以增强其能力。

vue-router
	vuex
	axios
	nuxt
二、vue的核心

①数据驱动视图（页面）

修改绑定的数据（页面上依赖数据），就能对应的更新视图（页面），极大的解放了操作dom的工作，提供开发效率。

②MVVM模式

M 数据模型 model
	V 视图..

			
		

	





	

		

			

				
					
使用命令行快速搭建Vue项目框架

				
			

			

				

					
				

			

		

		

			
				
4. **创建Vue项目框架**：使用Vue CLI创建新项目，命令是`vue init webpack my-project`，其中`webpack`是项目模板，`my-project`是项目名称。按照提示输入项目信息，包括项目名、描述、作者等。项目创建完成后，你...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值