React搭建自己的项目

首先将自己的项目框架搭建起来,其实搭建环境挺让人头疼的...
确保自己安装了node和npm,这个很简单

  • 安装node
~$ sudo apt-get install nodejs

安装npm

~$ sudo apt-get install npm

查看对应版本

~$ node -v
~$ npm -v

创建自己的项目

~$ create-react-app 'name'

完成后输入

~$ npm start

将会看到如下界面


React搭建自己的项目_第1张图片
2018-07-27 16-38-23 的屏幕截图.png

React搭建自己的项目_第2张图片
2018-07-27 16-38-43 的屏幕截图.png

安装yarn

~$ sudo npm install -g yarn

安装react-router-dom axious less-loader

~$ yarn add react-router-dom axious less-loader//使用npm install也可以

暴露webpack配置文件

~$ yarn eject
~$ rm -rf .git/
React搭建自己的项目_第3张图片
2018-07-27 20-37-16 的屏幕截图.png

最终如下


React搭建自己的项目_第4张图片
2018-07-27 20-46-10 的屏幕截图.png

你可能感兴趣的:(React搭建自己的项目)