Mac下 React+node.js+VScode 前端环境的搭建

前后端分离中,前端开发环境的搭建(React+node.js)

概念解释:

React: 一个用于构建用户界面的JavaScript 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

node.js. 一种javascript的运行环境,能够使得javascript脱离浏览器运行!

npm:随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

create-react-app:是用于搭建react项目的脚手架。它的优势在于省略了很多涉及配置的地方,让新手能够更加容易上手,减低入门的门槛。

1.安装VScode   https://code.visualstudio.com/

2.安装node.js   http://nodejs.cn/download/  选择对应的版本后安装即可,

完成后验证是否安装成功。

终端输入:node -v

终端输入:npm -v     【npm下载的文件一般来自国外镜像,此时可以下载淘宝的镜像文件 cnpm】

3.通过npm安装create-react-app 

sudo npm install -g create-react-app 

 

 4.通过脚手架创建一个React项目

进入工程的存储目录:

终端执行【时间较长,请等待!】:npx create-react-app  reactdemo   

5.进入创建好的项目中,终端运行:

    npm run start

成功即可!

6.VScode中open react_learning 就可以开启前端项目

  

猜你喜欢

转载自www.cnblogs.com/gccwelcome/p/12799678.html