网站响应式首页模板,文化创意设计公司,兰州压热搜,昆山网站建设 技术支持 力得网络react app教程
环境准备 下载node 下载npx
npm install npx创建app
npx create-react-app automedia
cd automedia
npm start构建发布版本
npm run build安装调试工具
# .vscode/launch.json
{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了…react app教程
环境准备 下载node 下载npx
npm install npx创建app
npx create-react-app automedia
cd automedia
npm start构建发布版本
npm run build安装调试工具
# .vscode/launch.json
{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息请访问: https://go.microsoft.com/fwlink/?linkid830387version: 0.2.0,configurations: [{type: chrome,request: launch,name: 针对 localhost 启动 Chrome,url: http://localhost:8080,webRoot: ${workspaceFolder},sourceMapPathOverrides: {webpack:///src/*: ${webRoot}/*}}]
}安装chrome dev tools插件然后npm start再按f5或者运行中开始调试。
安装自动格式化代码工具
npm install --save husky lint-staged prettier然后在package.json文件中添加如下内容 husky: {hooks: {pre-commit: lint-staged}}分析包大小
npm install --save source-map-explorer在package.json中的scripts里添加如下内容
analyze: source-map-explorer build/static/js/*.js,
