WS搭建react环境简洁步骤_react ws

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

1.  首先需要准备好node和npm，安装较简单，自行搜索；
2. cmd中执行如下命令，安装脚手架工具：

   sudo npm install -g create-react-app
   

3. 接下来进入到你喜欢的路径下，创建项目文件夹，执行：

   create-react-app my-app
   

   (my-app是我自己文件夹的名字，我这里用大写会报错，提示不能出现大写字母。)

4. 此时文件夹已创建完成，进入到路径中，依次执行如下命令：

   npm init
   npm install --save react react-dom
   npm install --save react-router-dom
   

   一定要记得要进入到你创建的文件夹路径中执行上述命令。第一个命令执行后会出现各种选择，为方便，可以直接一路enter下去，直到完成。

5. 最后执行:

   npm start
   

   即可启动浏览器的localhost。

6. 将创建好的文件夹直接拖到WS中，自动按层级显示，编辑代码。

7. public中存放的是index.html根页面；src中存放的是js文件；package.jason中记录项目信息外部依赖包等；其他感兴趣自行搜索。