React学习--心得笔记(更新中~)

最近使用RN搞手机APP,RN出于React,闲暇时学习一下,希望能有更深的理解理念。

入门教学可以去看下阮一峰老师的博客:http://www.ruanyifeng.com/blog/2015/03/react.html

React中文网:https://doc.react-china.org/tutorial/tutorial.html

本门部分参考地址:

https://blog.csdn.net/one_girl/article/details/79139569

https://blog.csdn.net/crper/article/details/52196675

1.IDE

磨刀不误砍柴工,使用的是Atom,插件安装了

1.atom-react-autocomplete–项目内,组件名及状态的自动补全;

2.autocomplete-js-import–模块导入智能提示 ;

3.language-javascript-jsx – JavaScript, ES6, ES7, React JSX, Flow支持;

4.language-babel – 写React必不可少【atom内开发react的核心插件!!!】;

5.react-es6-snippets – es6写法的react snippet,挺实用;

6.linter-eslint     规范代码书写 

更多插件可以参考 https://segmentfault.com/a/1190000009600026

2.初始化React项目

npm install -g create-react-app /*搭建一个全局的脚手架*/

create-react-app my-demo /*创建项目 my-demo是项目名字*/

cd my-demo /*进入目录 然后启动*/

npm start

如需修改端口,则打开package.json文件,修改此处

"start": "set PORT=9000 && react-scripts start",

然后重新start 打开的及时9000端口。

React学习--心得笔记(更新中~)_第1张图片

                       




你可能感兴趣的:(React)