WS搭建react环境简洁步骤

最新推荐文章于 2023-07-05 16:56:09 发布

Lily的秋天

最新推荐文章于 2023-07-05 16:56:09 发布

阅读量464

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_34285232/article/details/117949222

版权

11 篇文章 0 订阅

订阅专栏

备个份，大致步骤如下，遇到报错或者困难单独搜索解决方法吧。

首先需要准备好node和npm，安装较简单，自行搜索；
cmd中执行如下命令，安装脚手架工具：
```
sudo npm install -g create-react-app
```
接下来进入到你喜欢的路径下，创建项目文件夹，执行：
```
create-react-app my-app
```
(my-app是我自己文件夹的名字，我这里用大写会报错，提示不能出现大写字母。)
此时文件夹已创建完成，进入到路径中，依次执行如下命令：
```
npm init
npm install --save react react-dom
npm install --save react-router-dom
```
一定要记得要进入到你创建的文件夹路径中执行上述命令。第一个命令执行后会出现各种选择，为方便，可以直接一路enter下去，直到完成。
最后执行:
```
npm start
```
即可启动浏览器的localhost。
将创建好的文件夹直接拖到WS中，自动按层级显示，编辑代码。
public中存放的是index.html根页面；src中存放的是js文件；package.jason中记录项目信息外部依赖包等；其他感兴趣自行搜索。