vue的安装与配置

最新推荐文章于 2024-05-18 18:13:45 发布
最新推荐文章于 2024-05-18 18:13:45 发布
阅读量1.2k 收藏 5
点赞数 1
分类专栏： 环境配置 文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63726968/article/details/126893604
版权
这篇博客详细介绍了Vue.js的安装过程，包括node.js的安装与配置、设置默认安装目录和缓存日志目录、切换到淘宝镜像源，以及如何全局安装vue脚手架并创建运行Vue项目。通过这个指南，读者可以学会如何从零开始搭建Vue开发环境。
摘要由CSDN通过智能技术生成

vue的安装与配置

  • node.js
  • vue-vli

一,node.js安装与配置

获取安装点这里 nojs安装地址
按照自己的系统选择
点进去下载就可以例如
见图安装
请添加图片描述

请添加图片描述
请添加图片描述
node --version查看版本
请添加图片描述

二,配置默认安装目录和缓存日志目录

创建两个文件夹【node_global】及【node_cache】分别作为默认安装目录和缓存日志目录


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  想成为技术大佬
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
Vue的安装和配置

				
			

			

				

					weixin_45743799的博客
				

				

					11-01
					
					346
					
				

			

		

		

			
				
Vue是目前最流行的前端框架之一，给大家讲一下如何安装和配置Vue环境。
网上也有许多关于安装和配置Vue的教程，但是他们的方法太过于麻烦了，而且对于初学者来说对网上的一些安装和配置Vue的方法不理解，看了之后还是没有一点思绪，我总结了一种最简单的Vue安装和配置的方法给大家参考使用。
Vue安装的方法
方法一：使用本地文件安装引入
1.登陆Vue.js官网
2. 下载名为 vue.min.js的...

			
		

	



                

              
                



	

		

			

				
					
好细的Vue安装与配置

				
			

			

				

					m0_67403272的博客
				

				

					07-30
					
					1418
					
				

			

		

		

			
				
网上有些方法是删除CUsers用户名下的.npmrc文件，万万不可这样，因为那个文件删除了，我们前面修改的全局模块目录和缓存目录配置就没了！1.创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在CUsers用户名，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行cmd窗口。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。...

			
		

	



                


  
              

                


	

		

			

				
					
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置

				
			

			

				

					2401_84254474的博客
				

				

					04-12
					
					5834
					
				

			

		

		

			
				
同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。将 C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\no

			
		

	





	

		

			

				
					
Vue安装及环境配置

					
热门推荐

				
			

			

				

					琅枫的博客
				

				

					12-02
					
					2万+
					
				

			

		

		

			
				
一、安装node.js

官网：Download | Node.js

历史版本：Previous Releases | Node.js



或者



下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。





二、设置nodejs prefix（全局）和cache（缓存）路径

1、建议安装的路径不要有中文



2、新建node_global和node_cache两个文件夹

可以在nodejs安装路径下，新建



3、设置缓存文件夹


npm config set c...

			
		

	



		

			
		



	

		

			

				
					
Vue安装及环境配置教程(超详细图文教程)

				
			

			

				

					java骨灰级码农，10年IT从业经验
				

				

					05-18
					
					5828
					
				

			

		

		

			
				
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。

			
		

	





	

		

			

				
					
Vue 安装与配置

				
			

			

				

					wuliyouMaozhi的博客
				

				

					07-06
					
					6684
					
				

			

		

		

			
				
Vue 安装与配置

			
		

	





	

		

			

				
					
Oracle AutoVue 安装与配置说明

				
			

			

				

					m0_37740977的博客
				

				

					02-08
					
					1万+
					
				

			

		

		

			
				
1 AutoVue简介AutoVue根据客户应用情况的不同，提供Desktop及Client-Server两种解决方案。其中Destop Edition主要基于单机用户应用，Client-Server Edition采取集中式管理方式，客户端无需安装客户程序，只需有支持JAVA的浏览器，Client-Server可基于LAN/WAN，并可与各种PDM/PLM/DM/ERP进行完美集成。根据用户...

			
		

	





	

		

			

				
					
Vue安装及配置.docx

				
			

			

				

					10-12
				

			

		

		

			
				
VUE安装及配置

			
		

	





	

		

			

				
					
vue安装及环境配置.zip

					
最新发布

				
			

			

				

					09-04
				

			

		

		

			
				
vue安装及环境配置

			
		

	





	

		

			

				
					
Vue的安装与配置

				
			

			

				

					魔法猫咪的博客
				

				

					08-04
					
					349
					
				

			

		

		

			
				
vue的安装与配置

			
		

	





	

		

			

				
					
VUE安装与配置

				
			

			

				

					lxr_0914的博客
				

				

					10-20
					
					1938
					
				

			

		

		

			
				
目录



一、Node.js安装和配置

1.下载Node.js

2.配置默认安装目录和缓存目录

3.Node.js环境配置

4.配置淘宝镜像源



一、Node.js安装和配置

1.下载Node.js

官网下载最新版本：Node.js官网下载https://nodejs.org/en/download/
可以下载安装包Node.js安装教程https://www.runoob.com/nodejs/nodejs-install-setup.html
或者下载zip文件找个目录保存，解压...

			
		

	





	

		

			

				
					
Vue安装与环境配置

				
			

			

				

					许俊活的博客
				

				

					08-04
					
					863
					
				

			

		

		

			
				
vue 安装
1、node.js 安装配置（点击进入安装node教程）
查询是否安装成功的命令：
node -v
npm -v

最好更新下
淘宝镜像命令进行下载安装
淘宝镜像安装命令如下：
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后使用 cnpm命令替换npm命令即可
cnpm i -g npm



2、全局安装脚手架工具vue-cli，命令如下：
cnpm install --global vue-cli

3

			
		

	





	

		

			

				
					
Vue环境安装及配置

				
			

			

				

					qq_44673810的博客
				

				

					07-22
					
					349
					
				

			

		

		

			
				
1、安装git工具 官方地址为：https://git-scm.com/download/win
2、安装node环境

官网下载可执行文件，按照一般软件安装
node-v  //查看版本信息
3、检查npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)

npm install npm -g //安装
npm -v //查看版本信息

4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm
npm i

			
		

	





	

		

			

				
					
vue环境安装及配置

				
			

			

				

					Hlgher的博客
				

				

					07-22
					
					519
					
				

			

		

		

			
				
1.首先安装git工具，可方便于电脑操作可以在网上下载，启动git工具。
2.安装node,检查node安装是否成功，git中命令代码node -v。

3.安装npm，git命令npm（如果计算机中node安装成功，那么npm一般没问题）。
4.cpnm安装git命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
检验是否安装成功：cnpm
5.yarn安装git命令：npm install -g yarn
检验是否安装成功：

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值