Vue环境安装(一)

最新推荐文章于 2023-04-12 12:19:07 发布
最新推荐文章于 2023-04-12 12:19:07 发布
阅读量317 收藏
点赞数
分类专栏： Spring+Vue实战 文章标签： vue java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35673187/article/details/108137591
版权
本文介绍了在MacOS环境下，从零开始搭建Vue项目的步骤，包括安装Vue、Vue-cli、Node.js，通过Vue-cli创建项目，添加vue-router，运行HelloWorld，并展示了项目的目录结构。
摘要由CSDN通过智能技术生成

Vue环境安装(一)

前言

  • 学习后端十几天了, 总是觉得用着springboot配套的thymeleaf不舒服, 仿佛回到了JSP时代, 现在正好赶上前后端分离, 也想试试自己能不能从零开始整这么一套. 说白了就是前端框架学习, 后端框架学习加上整合. 能跑起来就心满意足了. 写这个笔记只是为了记录学习过程. 现在的状态是Vue完全不了解, SSM懂个皮毛, 对如何从0开始搭建完全没有概念…不过还是要保持乐观! 接下来打算跟着https://www.bilibili.com/video/BV1EE411B7SU?from=search&seid=7621339238578801963这个教程开始好fu好zhi学nian习tie.

    ​

开发前准备

开发环境

  • MacOS

  • Vue 2.x

  • Springboot 2.x

  • Mysql 8.0

  • Node.js v12.16.1

  • @vue/cli 4.5.4

依赖关系

Vue-cli是Vue官方出品的开发工具, 能够直接构建出整个项目的大致框架, 而Vue-cli依赖Node.js, 因此首先到

https://nodejs.dev/, 进行安装. 其中我们看到的NPM是Node.js的包管理工具, 会被附带安装上. 我的电脑已经装好了Node.js和NPM, 因此从Vue-cli开始说起.

安装Vue-cli

  1. 第一个坑: npm 长时间停留在fetchMetadata

解决方案: 换成淘宝的源, 终端输入


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  啊呜比比是少年
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Vue安装环境

				
			

			

				

					zag1069464798的博客
				

				

					07-27
					
					106
					
				

			

		

		

			
				
1.安装visual studio code
2.安装node.js
3.安装全局模块
4.项目初始化
5.安装项目所需依赖包
6.启动项目

			
		

	



                

            
              



	

		

			

				
					
Vue开发环境 Nodejs安装 cnpm安装与卸载

					
热门推荐

				
			

			

				

					Siobhan_Mxin的博客
				

				

					08-30
					
					1万+
					
				

			

		

		

			
				
深度解决npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。

			
		

	



              


  
              

                


	

		

			

				
					
Vue环境安装

				
			

			

				

					小张的博客
				

				

					04-12
					
					2537
					
				

			

		

		

			
				
Vue环境安装

			
		

	





	

		

			

				
					
vue环境安装

				
			

			

				

					holler_00的博客
				

				

					06-24
					
					144
					
				

			

		

		

			
				
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

vue环境安装vue环境安装（详解）

vue环境安装（详解）
1，首先要确定自己安装了node.js环境，进入官网下载对应操作系统的版本就好。npm -v查看npm版本，下载地址：https://nodejs.org/zh-cn/。
2，还要修改npm源，修改为淘宝镜像，因为使用npm下载是国外服务器可能会卡顿出现下载不成功。
命令：1，npm get registry 获取默认的。
2，npm config set registry h

			
		

	



		

			
		



	

		

			

				
					
值得收藏的vuejs安装教程

				
			

			

				

					Eric
				

				

					08-21
					
					563
					
				

			

		

		

			
				
 


			本文为大家分享了vuejs安装教程，供大家参考，具体内容如下

			1.安装nodejs，自带npm环境。

			地址：https://nodejs.org/en/download/，Node.js 历史版本下载地址：https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。

			

			安装过程参见：安装配置

			2.安装淘宝镜像。

			...

			
		

	





	

		

			

				
					
vue篇1 vue环境安装

				
			

			

				

					bluewelkin的专栏
				

				

					04-16
					
					1152
					
				

			

		

		

			
				
vue与nodejs 环境安装

			
		

	





	

		

			

				
					
vue安装及环境配置.docx

					
最新发布

				
			

			

				

					07-11
				

			

		

		

			
				
### Vue.js 安装及环境配置详解  #### 一、Vue.js 简介  Vue.js 是一个用于构建用户界面的渐进式框架。它的设计非常灵活，能够轻松地被集成到任何现有的项目中，无论是简单的单页应用还是复杂的多页应用。Vue.js ...

			
		

	





	

		

			

				
					
VUE环境搭建安装详细过程

				
			

			

				

					11-07
				

			

		

		

			
				
### VUE环境搭建安装详细过程  #### 一、概述  Vue.js 是一款非常流行的前端框架，用于构建用户界面。为了能够有效地使用 Vue 进行开发，首先需要搭建一个适合 Vue 开发的环境。本文将详细介绍如何搭建 Vue 开发环境...

			
		

	





	

		

			

				
					
内网搭建vue环境.doc

				
			

			

				

					06-01
				

			

		

		

			
				
通过本资源，你将学习到如何在内网环境中安装 Nodejs、配置镜像站、下载 Vue 相关依赖项、迁移资源文件和创建 Vue 项目。  一、准备工作  在开始搭建 Vue 环境之前，需要准备两台电脑，一台能上网，一台开发机器（不...

			
		

	





	

		

			

				
					
手把手搭建安装基于windows的Vue.js运行环境

				
			

			

				

					12-10
				

			

		

		

			
				
安装完成后，可以创建新项目，如 `vue create VueTest`，这将生成一个包含预设配置的新项目。  5. **启动项目**：进入项目目录，如 `cd VueTest`，然后运行 `npm run serve` 或 `yarn serve`（如果使用了 Yarn）启动...

			
		

	





	

		

			

				
					
Vue之环境安装

				
			

			

				

					qq_50564231的博客
				

				

					03-18
					
					999
					
				

			

		

		

			
				
随着前端技术的不断发展，掌握各种框架也越来越重要，很多人都开启了学习 Vue，本文就介绍了 Vue 的环境安装和项目创建，大家也可访问我之前的博客查看Vue基础知识点小结。

			
		

	





	

		

			

				
					
安装VUE环境

				
			

			

				

					Sunshine晶滴博客
				

				

					05-13
					
					4703
					
				

			

		

		

			
				
1、https://nodejs.org/en/下载&安装node环境【中文版：https://nodejs.org/zh-cn/】

2、以后用git作为node输入命令行的工具【∵ 比cmd友好】

https://gitforwindows.org/安装git

3、桌面右击点‘ Gti Bash Here’，输入‘node -v’，出现版本号则说明node安装成功

4、安装vu...

			
		

	





	

		

			

				
					
Vue入门：Vue环境安装

				
			

			

				

					littleFatty的博客
				

				

					04-20
					
					278
					
				

			

		

		

			
				
安装环境

操作系统：Windows 10 64位

安装Node.js

1. 下载系统对应版本安装包

下载地址：https://nodejs.org/en/download/

2. 安装

除安装地址外其它全部使用默认即可

3. 设置模块存储位置

进入node.js安装目录新建文件夹【node_global】和【node_cache】用于存储Node.js后续安装的模块



4. 配...

			
		

	





	

		

			

				
					
Vue环境安装（详解）

				
			

			

				

					qq_42693392的博客
				

				

					06-23
					
					730
					
				

			

		

		

			
				
Vue环境安装（详解）
一、修改npm默认安装路径和配置环境变量（或直接配置环境变量）
为什么需要修改npm安装路径和配置环境变量呢？

为什么需要修改npm安装路径

由于npm的默认路径是在C盘，在某些时候电脑出现问题需要重装系统了，这个时候之前配置的什么环境、安装的包插件都会消失，这时就需要我们更改npm的安装路径了


修改路径指令操作步骤：

在任意位置打开cmd命令行(快捷键 Windows + R)
查看原npm的默认安装路径   使用指令：npm config ls  prefix就是默认的

			
		

	





	

		

			

				
					
vue安装

				
			

			

				

					weixin_48062613的博客
				

				

					03-04
					
					246
					
				

			

		

		

			
				
安装node.js
官网下载地址：添加链接描述
检测是否配置环境变量在cmd窗口中输入node -v

如果没有显示版本号，则进入环境变量中将你下载文件的位置配入path中



下载淘宝镜像，可以加快下载速度，npm指令从外网速度较慢


npm install -g cnpm --registry=https://registry.npm.taobao.org

在cmd窗口中输入cnpm -v

如果没有显示，则同样需要配置。找到你下载cnpm.exe的位置

将改地址配入环境变量中D:\node..

			
		

	





	

		

			

				
					
Vue快速安装与开发环境配置指南

				
			

			

				

					
				

			

		

		

			
				
本文详细介绍了如何在Windows环境下安装并配置Node.js、npm镜像、IDEA的Vue开发插件、vue-cli脚手架以及vuedevtool调试工具，以便新手快速搭建和初始化Vue项目。后续的学习可以围绕这些基础环境一步步深入探索Vue的...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值