node ./node_modules/react-native/local-cli/cli.js start --reset-cache

• 运行项目

  npm run dev:rn

  • 项目启动后，刷新mumu浏览器（双击R，手速要快—— 单身程序猿的福音）

  • 接下来就会看到控制台编译此项目，如下：

    • 编译成功是这样的（会看到APP运行）
      • 效果
        • 摇一摇配置本地IP地址
          • 接下来会看到如下页面：
            • 本地IP地址 + 端口

              • 谷歌打开调试控制台（打印，以及日志会在这里出现）

              • 只能以这种方式调试，你没得选

                3.package.json 文件

                ---

                此文件仅供参考，具体看项目去的，重点看服务配置等

                {

                “name”: “demo”,

                “version”: “1.0.0”,

                “private”: true,

                “description”: “项目描述”,

                “templateInfo”: {

                “name”: “default”,

                “typescript”: false,

                “css”: “sass”

                },

                “scripts”: {

                “build:weapp”: “taro build --type weapp”,

                “build:swan”: “taro build --type swan”,

                “build:alipay”: “taro build --type alipay”,

                “build:tt”: “taro build --type tt”,

                “build:h5”: “taro build --type h5”,

                “build:rn”: “taro build --type rn”,

                “build:qq”: “taro build --type qq”,

                “build:quickapp”: “taro build --type quickapp”,

                “dev:weapp”: “npm run build:weapp – --watch”,

                “dev:swan”: “npm run build:swan – --watch”,

                “dev:alipay”: “npm run build:alipay – --watch”,

                “dev:tt”: “npm run build:tt – --watch”,

                “dev:h5”: “npm run build:h5 – --watch”,

                “dev:rn”: “node scripts/polyfill/index.js && npm run build:rn – --watch”,

                “dev:qq”: “npm run build:qq – --watch”,

                “dev:quickapp”: “npm run build:quickapp – --watch”,

                “tep”: “node scripts/template”,

                “iconfont”: “npx iconfont-taro”

                },

                “author”: “”,

                “license”: “MIT”,

                “dependencies”: {

                “@react-native-community/viewpager”: “^4.1.0”,

                “@tarojs/async-await”: “2.0.1”,

                “@tarojs/cli”: “2.0.1”,

                “@tarojs/components”: “2.0.1”,

                “@tarojs/components-rn”: “2.0.1”,

                “@tarojs/redux”: “2.0.1”,

                “@tarojs/redux-h5”: “2.0.1”,

                “@tarojs/router”: “2.0.1”,

                “@tarojs/taro”: “2.0.1”,

                “@tarojs/taro-alipay”: “2.0.1”,

                “@tarojs/taro-h5”: “2.0.1”,

                “@tarojs/taro-qq”: “2.0.1”,

                “@tarojs/taro-quickapp”: “2.0.1”,

                “@tarojs/taro-redux-rn”: “2.0.1”,

                “@tarojs/taro-rn”: “2.0.1”,

                “@tarojs/taro-router-rn”: “2.0.1”,

                “@tarojs/taro-swan”: “2.0.1”,

                “@tarojs/taro-tt”: “2.0.1”,

                “@tarojs/taro-weapp”: “2.0.1”,

                “babel-runtime”: “^6.26.0”,

                “crypto-js”: “3.1.2”,

                “dva-core”: “^2.0.1”,

                “dva-loading”: “^3.0.18”,

                “global”: “^4.4.0”,

                “nerv-devtools”: “^1.5.6”,

                “nervjs”: “^1.5.6”,

                “node-sass”: “^6.0.0”,

                “react”: “16.8.0”,

                “react-native”: “0.59.9”,

                “react-native-ali-onepass”: “2.0.1”,

                “react-native-amap-geolocation”: “^1.0.4”,

                “react-native-amap3d”: “^1.1.1”,

                “react-native-camera”: “2.9.0”,

                “react-native-exit-app”: “^1.1.0”,

                “react-native-fs”: “^2.16.6”,

                “react-native-qrcode”: “^0.2.7”,

                “react-native-root-modal”: “^3.0.1”,

                “react-native-shadow”: “^1.2.2”,

                “react-native-side-menu”: “^1.1.3”,

                “react-native-splash-screen”: “^3.2.0”,

                “react-native-svg”: “^9.13.6”,

                “react-native-view-shot”: “2.6.0”,

                “react-native-webview”: “5.8.1”,

                “react-native-wechat”: “^1.9.12”,

                “react-native-wechat-lib”: “^1.1.26”,

                “redux”: “^4.0.0”,

                “redux-thunk”: “^2.3.0”,

                “taro-ui”: “^2.2.4”,

                “tslib”: “^1.8.0”,

                “vconsole”: “^3.3.4”,

                “webpack-bundle-analyzer”: “^3.6.0”,

                “weixin-js-sdk”: “1.2.0”,

                “wx-base64-qrcode”: “^1.0.4”

                },

                “devDependencies”: {

                “@tarojs/mini-runner”: “^2.0.1”,

                “@tarojs/plugin-babel”: “2.0.1”,

                “@tarojs/plugin-csso”: “2.0.1”,

                “@tarojs/plugin-sass”: “2.0.1”,

                “@tarojs/plugin-uglifyjs”: “2.0.1”,

                “@tarojs/webpack-runner”: “2.0.1”,

                “@types/react”: “^16.4.6”,

                “@types/webpack-env”: “^1.13.6”,

                “babel-eslint”: “^8.2.3”,

                “babel-plugin-transform-class-properties”: “^6.24.1”,

                “babel-plugin-transform-decorators-legacy”: “^1.3.4”,

                “babel-plugin-transform-jsx-stylesheet”: “^0.6.5”,

                “babel-plugin-transform-object-rest-spread”: “^6.26.0”,

                “babel-plugin-transform-remove-console”: “^6.9.4”,

                “babel-plugin-transform-runtime”: “^6.23.0”,

                “babel-preset-env”: “^1.6.1”,

                “eslint”: “^5.16.0”,

                “eslint-config-taro”: “2.0.1”,

                “eslint-plugin-import”: “^2.12.0”,

                “eslint-plugin-react”: “^7.8.2”,

                “eslint-plugin-react-hooks”: “^1.6.1”,

                “eslint-plugin-taro”: “2.0.1”,

                “redux-logger”: “^3.0.6”,

                “stylelint”: “9.3.0”,

                自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

                深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

                因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

                既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

                由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

                如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

                最后

                你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

                我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

                rc=“https://img-blog.csdnimg.cn/img_convert/79611d24a3d7b9d3e99671240492446c.jpeg” />

                最后

                你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

                我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

                [外链图片转存中…(img-GZkcDINN-1711685125776)]