最近使用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端口。