React项目框架搭建

一、.前置环境安装

   确认已安装安装Node.js

“在项目开发中需要使用NPM包管理工具，而NPM运行在node.js上面， 所以需要先安装node.js。通过npm可以很方便的安装、共享、分发代码，管理项目依赖关系；通过运行“npm install 包名”几乎可以安装任何包/库。”

二、搭建React项目环境

　　1、全局安装create-react-app

npm install -g create-react-app
// 确认安装版本号
create-react-app --version

　　2、进入你的项目目录，创建一个基于 webpack 模板的新项目: npx create-react-app 项目名

ng new cloud-music-ui

　　3、进入项目：cd 项目名，安装依赖

　　安装成功后，项目文件夹中会多出一个目录：　node_modules

　　4、npm start，启动项目

　　项目启动成功：

三、React项目目录讲解

assets：放置原始资源文件。

components：存放全局组件。

contants：常量文件夹，存放常量。

i18n：i18n国际化，各种语言的翻译。

pages：页面文件夹。

router：路由文件夹。

utils：存放一些常用函数的封装。