react入坑记录(一)-vscode-react环境配置

2019独角兽企业重金招聘Python工程师标准>>>

环境安装

nodejs安装与配置

nodejs官网，目前nodejs稳定版： 8.12.0 npm 6.4.1
安装完成之后可修改npm全局包的存放位置，仓库的位置

//全局包目录，就在node安装目录新建了个nodejs文件夹存放
npm config set prefix D:/nodejs/node_global/ 
//全局包缓存目录，就在node安装目录新建了个nodejs文件夹存放
npm config set cache D:/nodejs/node_cache/ 
//设置仓库为阿里镜像，
npm config set registry https://registry.npm.taobao.org/

npm设置完之后需在环境变量中将设置的全局包目录添加到path中

creat-react-app 安装

这个是官方出的react的脚手架，官方推荐使用yarn来进行包管理 ，这里使用的是npm有兴趣的可以去看看。

-g表示全局安装
npm install -g create-react-app

安装完成之后就可以使用creat-react-app 项目名称来创建项目了，项目名称不能包含大写字母。

vscode安装

官网，安装没啥好说的照着指引一步步做就可以了，安装完成之后会询问是否增加环境变量，增加重启机器后可以使用

//以指定目录为工作空间打开一个窗口，当前目录为"."
code 目录

针对react使用官方有一个指引，在这里就不赘述了。

其他

碰到的问题

使用create-react-app创建的项目，build的页面为空白页

// package.json 文件增加配置
"homepage": ".",

VSCODE中代码提醒的快捷键设置
在[File-Preference-Keyboard Shortcusts]打开的页面中搜索 editor.action.triggerSuggest 换成 自己顺手的快捷键

参考资料

https://npm.taobao.org/
https://code.visualstudio.com/docs/nodejs/reactjs-tutorial
https://www.jianshu.com/p/ec7c2bab16cc

来自为知笔记(Wiz)

转载于:https://my.oschina.net/MeiJianMing/blog/2186341