Window环境搭建Vue、React开发环境

本文详细指导了如何在Windows系统上安装Node.js、Vue和React,并通过VueCLI和create-react-app创建项目,便于前端开发者的初始化配置和项目创建。
摘要由CSDN通过智能技术生成


前言

在进行Vue和React前端开发之前,建立一个适合的开发环境是至关重要的。通过在本地搭建开发环境,你可以更方便地创建、测试和调试Vue和React应用程序。本文将为你提供在Windows操作系统上准备Vue和React开发环境的步骤和建议。无论你是初学者还是有经验的开发者,这些准备工作将帮助你顺利开始Vue和React的开发之旅。让我们开始吧!


一、安装node.js

下载地址:官网下载地址

1.选择稳定版本进行下载。
在这里插入图片描述
2.双击打开.
在这里插入图片描述
3.Next.
在这里插入图片描述
4.勾选,Next.
在这里插入图片描述
5.选择本地需要安装的安装路径,Next.
在这里插入图片描述
6.Next。
在这里插入图片描述
7.Next
在这里插入图片描述
8.Install
在这里插入图片描述
9.Finish
在这里插入图片描述
10.检测
使用密令查看node js版本

node -v

二、安装Vue

1.安装全局vue

npm install vue -g

2.安装全局vue脚手架(vue-cli)

npm install vue-cli -g

3.检测
查看Vue版本

vue -V

4.创建Vue项目

vue ui

在这里插入图片描述
5.新建项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、安装React

1.安装全局的create-react-app(安装create-react-app,它是react项目的脚手架,使用它可以快速地创建一个react项目)

npm install -g create-react-app

2.创建react项目

create-react-app my-react-project

3.启动

 cd my-react-project
 
 npm start

在这里插入图片描述
react启动成功!
在这里插入图片描述


总结

这里对文章进行总结:
以上就是今天要讲的内容,本文中简单介绍windos里搭建Vue和React开发环境,方便进行开发、测试、调试和学习。
每日一句:

生活不是等待风暴过去,而是学会在雨中翩翩起舞。
Life is not about waiting for the storm to pass, but learn to dance in the rain.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值