创建vue2项目

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

创建vue2项目

创建vue2项目

安装nodejs

npm切换阿里云镜像

npm config set registry https://registry.npm.taobao.org

安装@vue/cli

npm install -g @vue/cli

检查是否安装成功

vue -V

创建项目


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  hzw0510
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
使用vue-cli脚手架创建vue2项目

				
			

			

				

					qq_51284317的博客
				

				

					07-06
					
					1199
					
				

			

		

		

			
				
使用vue-cli脚手架创建vue2项目

			
		

	



                

              
                



	

		

			

				
					
使用vue cli创建vue2项目

				
			

			

				

					x65456的博客
				

				

					04-08
					
					1076
					
				

			

		

		

			
				
4这几个的意思是选择你需要的东西。Babel的意思把es6降级到浏览器能识别的语法。一般按下面的选就行。六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。4然后就跟cmd里一样输入输入vue create hello-world按回车。1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。意思是手动选择特性，前几个选项的意思是默认的。2打开vscode，把它拖到左边，然后右击打开集成终端。9.选第一个，意思是代码规则，在保存的时候校验。

			
		

	



                


  
              

                


	

		

			

				
					
Vite创建Vue2项目

				
			

			

				

					猫老板的豆
				

				

					09-16
					
					8678
					
				

			

		

		

			
				
在 Vite创建Vue3项目 中讲到，Vite 官方对 Vue 的支持只针对于Vue3.x 版本，而对于 Vue2.x 是不支持的。
今天就来讲讲如何使用 Vite 创建 Vue2 项目

使 Vite 支持 Vue2.x，是需要安装插件来实现，官方文档
文章目录Vite创建Vue2项目1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 安装插件7. 使用插件8. 安装vue9. 修改项目结构10. 启动项目

Vite创建Vue2项目

Vite 需要 Node.js 版.

			
		

	





	

		

			

				
					
使用VueCli创建vue2项目

				
			

			

				

					qq_60633200的博客
				

				

					06-15
					
					2328
					
				

			

		

		

			
				
利用vue-cli创建vue2项目的流程

			
		

	



		

			
		



	

		

			

				
					
Vite 创建 Vue2项目

				
			

			

				

					BlackStar的博客
				

				

					11-25
					
					3891
					
				

			

		

		

			
				
用Vite创建Vue2的项目

			
		

	





	

		

			

				
					
Vite创建vue2项目

				
			

			

				

					m0_62785037的博客
				

				

					11-09
					
					1952
					
				

			

		

		

			
				
Vite创建vue2项目，以及添加路由，vuex等详细说明。

			
		

	





	

		

			

				
					
Vue CLI创建vue2项目

				
			

			

				

					woshiliyuwang的博客
				

				

					02-17
					
					3870
					
				

			

		

		

			
				
Vue CLI创建vue2项目命令
1、执行创建项目命令
vue create 项目名称
2、选择预设

Manuelly select features手动配置
3、选择项目功能

择如下几项功能:

Babel
Router
Vuex
Css Pre-processors
Lint/Formatte

4、选择2版本

5、是否使用history路由

6、选择css处理器

根据个人习惯选择即可
7、代码风格和eslint

根据个人习惯选择即可
8、选择在保存时还是在提交时修改
9、选择配置文件如何

			
		

	





	

		

			

				
					
【vue】使用cmd创建vue2项目

				
			

			

				

					weixin_44431073的博客
				

				

					05-25
					
					2146
					
				

			

		

		

			
				
一、前言

之前自己学过vue3，感兴趣的可以去看看。vue(二)：使用vscode 创建vue3.0项目，并集成element-plus_能能爱编程的博客-CSDN博客_vscode使用element

现在重新学习vue基础，梳理出亲测有效版创建vue2项目的方法步骤。现在分享给大家。

二、步骤

2.1 安装淘宝镜像

打开cmd，输入npm config set registry https://registry.npm.taobao.org

2.2 安装全局vue脚手架

打开cmd，输入n.

			
		

	





	

		

			

				
					
vue2快速安装环境，创建vue2项目教程(windows)

					
热门推荐

				
			

			

				

					爱吃雪糕的小布丁的博客
				

				

					05-06
					
					2万+
					
				

			

		

		

			
				
1、安装环境
  首先首先进入node.js（v12.13.0.msi版本，最新版可能npm版本太高了，会报错，不过卸载重新装低版本也行）官网安装node.js，node.js自带npm，node.js相当于后端的tomcat,是一个运行前端的服务器，npm相当于maven,是一个前端的包管理工具。自动帮配置好了环境变量。
  官网地址：https://nodejs.org/en/

  直接下载第一个即可，第一个时最多用户使用的版本，第二个时最新版。
  下载之后，安装即可。全部默认安装就行了。该软件自动

			
		

	





	

		

			

				
					
创建vue2项目 前端以及后端交互

				
			

			

				

					04-20
				

			

		

		

			
				
创建vue2项目 前端以及后端交互

			
		

	





	

		

			

				
					
创建Vue项目以及引入Iview的方法示例

				
			

			

				

					01-19
				

			

		

		

			
				
创建Vue项目 以及引入Iview  官方文档   # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...

			
		

	





	

		

			

				
					
-webkit-box-reflect属性与倒影效果的实现

					
最新发布

				
			

			

				

					读心悦
				

				

					09-13
					
					226
					
				

			

		

		

			
				
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。

			
		

	





	

		

			

				
					
TinyWebSever源码逐行注释(五)_ http_conn.cpp

				
			

			

				

					qq_39969848的博客
				

				

					09-09
					
					972
					
				

			

		

		

			
				
根据状态转移,通过主从状态机封装了http连接类。其中,主状态机在内部调用从状态机,从状态机将处理状态和数据传给主状态机。http_conn.cpp利用一个主从状态机来处理客户端的htttp连接并生成相应的响应。Linux下C++轻量级Web服务器，助力初学者快速实践网络编程，搭建属于自己的服务器.

			
		

	





	

		

			

				
					
《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》

				
			

			

				

					asd4353012的博客
				

				

					09-06
					
					1750
					
				

			

		

		

			
				
响应式 Web 设计是现代网页设计的重要趋势，它可以确保网页在不同设备上都能提供良好的用户体验。在实现响应式 Web 设计时，需要掌握媒体查询、弹性布局、流式布局等技术，同时还需要遵循一些最佳实践，如优先考虑移动设备、保持简洁的布局、优化图像和媒体资源、使用响应式字体和提供良好的用户体验等。响应式 Web 设计可以确保网页在不同设备上都能呈现出最佳的布局和样式，满足用户的需求。在实现响应式 Web 设计后，需要在不同的设备上进行测试，确保网页在各种设备上都能正常显示和交互。可以使用响应式字体技术，如。

			
		

	





	

		

			

				
					
（微服务项目）新闻头条——Day1

				
			

			

				

					weixin_73253843的博客
				

				

					09-13
					
					535
					
				

			

		

		

			
				
（微服务项目）新闻头条——Day1

			
		

	





	

		

			

				
					
2024伊语IM即时通讯源码/im商城系统/纯源码IM通讯系统安卓+IOS前端纯原生源码

				
			

			

				

					翎风世界
				

				

					09-10
					
					623
					
				

			

		

		

			
				
2.4 node安装wget "https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz"资料参考地址：https://www.1234f.com/sj/GitHub/qtym/20240910/677.html。源码下载地址：https://www.123pan.com/s/LA1bVv-5l5Vv。备用下载地址：http://pan.1234f.com:5212/s/5PrS4。api.xxx.com接口。im.xxx.com通讯。

			
		

	





	

		

			

				
					
react 基础语法

				
			

			

				

					小白小白从不日别的博客
				

				

					09-13
					
					1287
					
				

			

		

		

			
				
React 官方中文文档目前前端最流行的是三大框架：Vue、React、Angularreact是一个用于构建用户界面的 JavaScript 库react官网(Reactreact中文网(React 官方中文文档React 是一个用于构建用户界面（UI，对咱们前端来说，简单理解为：HTML 页面）的 JavaScript 库Vue 是一个渐进式的 JavaScript 框架如果从mvc的角度来看，React仅仅是视图层（V）的解决方案。也就是只负责视图的渲染，并非提供了完整了M和C的功能。

			
		

	





	

		

			

				
					
【前端】vue+html+js 实现table表格展示，以及分页按钮添加

				
			

			

				

					weixin_43872912的博客
				

				

					09-09
					
					480
					
				

			

		

		

			
				
数据条数太多显示到页面上时可能会渲染较慢，因此需要截取数据进行展示。

			
		

	





	

		

			

				
					
vue cli 创建vue2项目

				
			

			

				

					09-02
				

			

		

		

			
				
要使用Vue CLI创建Vue2项目，你需要先全局安装一个桥接工具，并按照以下步骤进行操作：

1. 第一步：搭建Node.js运行环境。根据你的操作系统选择合适的安装包，可以在官网https://nodejs.org/en/download/下载安装。

2. 第二步：安装Webpack。在命令行中运行以下命令来全局安装Webpack：npm install webpack -g。

3. 第三步：安装脚手架。在命令行中运行以下命令来全局安装Vue CLI 2的脚手架：npm install -g @vue/cli-init。

4. 第四步：创建项目。在命令行中进入项目要存放的文件夹，并运行以下命令来创建项目：vue init webpack my-project。其中，my-project为你的项目名称。根据命令行的提示，配置项目的相关属性信息，比如项目名称、项目描述、作者等。

5. 项目创建完成后，进入项目目录，运行命令npm run dev来启动本地开发服务器。将命令行中显示的网址复制到浏览器中，即可访问你创建的Vue2项目。

引用

请注意，以上步骤是使用Vue CLI 2来创建Vue2项目的方法。如果你使用的是Vue CLI 3及以上版本，请参考官方文档进行操作。引用<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
-  *1* [使用vue-cli创建vue2项目（详解）](https://blog.csdn.net/qq_43080548/article/details/123919123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
-  *2* [Vue CLI创建vue2项目](https://blog.csdn.net/woshiliyuwang/article/details/122989570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
hzw0510

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

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值