SDK和安卓模拟器: 打开Android Studio,File --> Settings --> 搜索sdk,找到对应的sdk进行安装即可,这里也可以选择安装模拟器,找到对应的勾选进行下载即可。...查看npm版本号 ※【说明】npm工具是nodejs里面自带的,所以只要配置了nodejs环境变量就OK了,不需要单独配置npm到环境变量。...2、查看yarn版本号: 执行npm view yarn version 查看yarn版本号,当前的版本号为1.7.0 执行 yarn -v 查看安装的yarn版本号,我当前的版本为1.7.0 执行...(三)问题3 RN默认是用的gradle3.5构建的,所以建议使用AS2.3.X版本(但是不能大于3.0.0版本)导入项目。...我用的是AS3.1.3,gradle构建成功的,但是命令行执行react-native run-android命令一直报各种错,问了别人也找不到解决方案,可能是RN对高版本的AS工具以及高版本的gradle
是一款非常优秀的开源编辑器,非常适合作为前端IDE, 根据自己的系统下载相应的版本进行安装。...下载地址: nodejs中文网 到官网下载自己系统对应的版本,这里我们下载Windows系统的64位zip文件,下载完成后解压,可以看到里面有一个node.exe的可执行文件。...把Node添加到系统环境变量里面,打开cmd命令行,输入npm -v,如果出现如下图的显示,说明已经安装正确。 ? 如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级。...sudo npm install npm -g #linux 可以看到升级之后,再次执行 npm -v 查看版本已经升级到 6.4.0 了。 ?...如果你安装了node,就安装了npm,可以使用下面的命令来安装: npm i yarn -g --verbose npm官方源访问速度实在不敢恭维,建议使用之前切换为淘宝镜像,在yarn安装完毕之后执行如下指令
node 包管理器 随着nodejs的出现,另外两个东西也进入了前端大众的视野–CommonJS规范、node 包管理器。...说到node 包管理器,就不得不提npm,毕竟是官方标配,安装了node就自带了npm。 npm + nodejs,构成了一个宏伟了前端世界。...不同平台、不同用户、不同次安装的依赖可能不一样(因为npm的依赖安装顺序具有不确定性)。 安装耗时过长。 npm在安装包的时候,采取队列式安装:只有前一个包安装完,才会安装下一个包。...yarn会自动生成一个yarn.lock文件,记录包版本,把安装的软件包版本锁定在某个特定版本,并保证所有机器安装结果一样;对于不匹配的依赖版本的包创立一个独立的包,避免创建重复的 急速安装。...但是,yarn确实受到很多人的关注和期待。 我也好好好好期待。
puppeteer 2.1 当然要先安装NodeJS windows下直接访问官网下安装包傻瓜安装, 推荐按LTS版本 当然 windows也能用nvm, 我机子就用的nvm, 不过上次帮别人安的时候发现环境变量有点问题...Linux和Mac当然推荐直接通过nvm安装 参考资料: NodeJS中文: https://nodejs.org/zh-cn/ nvm: https://github.com/creationix/...nvm nvm-windows: https://github.com/coreybutler/nvm-windows 2.2 安装yarn?...(可省略) $ npm install -g yarn 参考资料: yarn官网: https://yarnpkg.com/zh-Hans/ yarn 与 npm 的比较(网上有很多): https:...命令行输入 开始安装 $ npm install --save puppeteer # 或者 $ yarn add puppeteer 等待安装完即可 不知道是不是本生安装了chrome浏览器
---- 在前端开发领域经常会用到npm、nodejs和yarn这些工具下载一些依赖包。...---- 一、nodejs安装和使用 (1)nodejs下载和安装 1、下载 打开官网下载链接: https://nodejs.org/ 我是在5月13号下载的nodejs,当时的稳定版是v8.11.1...我电脑里面其实已经通过msi文件安装了一个yarn,路径为:E:\develop\yarn1.7.0\ 方式2:通过npm命令进行安装: 执行命令npm install yarn -g (后面的可选参数...【注意】通过msi安装的yarn并不会覆盖通过npm安装的yarn,两者同时存在。安装和卸载,都分开的。.../dist --global ---- 四、npm和yarn安装库的命令 npm和yarn安装库的命令图解如下表所示: ?
安装NodeJs 下载地址:http://nodejs.cn/download/ 到官网下载自己系统对应的版本,按照推荐的方式默认安装,这里不再赘述。...如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级。...sudo npm install npm -g #linux npm install npm -g # windows 更多NodeJS教程可以参考以下资料: 中文官网:http://nodejs.cn...安装 Yarn Yarn 是 Facebook 发布的 node.js 包管理器,它比 npm 更快、更高效,可以使用 Yarn 替代 npm 。...如果你安装了node,就安装了npm,可以使用下面的命令来安装: npm i yarn -g --verbose npm官方源访问速度实在不敢恭维,建议使用之前切换为淘宝镜像,在yarn安装完毕之后执行如下指令
Facebook 开发团队创造yarn来克服npm的缺陷。并声明它比npm更快,更可靠,更安全。 Yarn能够向npm一样根据全局注册信息,自动的管理包的安装,更新,配置,删除过程。...Yarn的优点是: 它比npm的速度更快,因为它会缓存所有下载下来的包,因此它不需要下载第二遍。...最大程度地并行化操作 使用checksums验证包 如果你已经在Ubuntu上面安装了nodejs,那么你安装了npm工具,你可以通过下列方式安装yarn: sudo npm install yarn...-g 但是,我推荐你使用官方推荐的方式进行安装 使用官方推荐的方式安装Yarn JS 这篇文章主要针对Ubuntu系统,例如Ubuntu 18.04, 16.04 等等。...' 根系系统,刷新包列表 sudo apt update sudo apt install yarn 安装成功,查看版本 yarn --version 使用Yarn创建一个新的项目 和npm一样,Yarn
外面很多人说只有14.x版本arm架构的才能用,但是我成功安装了12.16.1版本的node(这里是临时方案,由于我已经统一我们公司项目的node版本,所以我用不到其他版本node,实际业务中,一定要用...(其他版本也是同理,更改版本号找到pkg安装就可以了) https://nodejs.org/en/blog/release/v12.16.1/ node版本不统一,会带来很多环境上的问题,例如c++插件...装完node装vscode,直接官网下载,没什么兼容性问题,插件也都正常运行 装好了vscode,就装yarn,直接执行 npm i yarn -g 装完了yarn,就要装git了。...直接终端输入下面的命令就能安装了(牛逼) git 装好了git,就要装谷歌浏览器了,直接官网下载,安装无兼容性问题 装好了谷歌浏览器,就可以跑项目了。直接 yarn yarn dev ......,已经能完全适配了,但是你要思考一个问题,低版本的node.js我没有尝试是否能运行。
最近因为好多同学因为各种原因需要学会做一个安卓应用程序,而学会做一个安卓应用程序需要花费的时间和精力是很大的,同时传统的安卓开发还有很多不足,比如当软件进行更新迭代时需要漫长的编译过程。...首先我们需要安装一些软件:NodeJS、Python2、JDK1.8、Android Studio、Yarn,NodeJS 版本必须大于等于 10;Python 一定要用 2,就算现在停止了支持还是要用...2,如果已经装了一个 Python3,Python2 也一样可以安装,只要控制好环境变量就行;JDK 必须用 1.8,如果已经有其他版本的 JDK 也要控制一下环境变量。...配置完成之后,先准备安卓设备,我就直接使用 Andriod Studio 里面的模拟器了,真机也可以用,但是我感觉有些麻烦。启动好模拟器或者连接上真机之后,切换到项目目录,如图所示。 ?...接着使用命令:yarn react-native run-android 来安装运行安卓应用程序,运行之后的结果如图所示。 ?
,使用npm安装,然后启动项目,发现项目本身的react版本和其他第三方库的react版本不兼容,这个时候你就跑不起来了。...同理:当你的构建机器和本地开发机器使用的命令不一样时候,也会导致这个问题,例如本地使用yarn install,构建机器使用npm instasll 原罪之二:Node.js版本不一致 目前前端的工程化...,都是大部分基于Node.js环境,node.js的版本发布升级很快,新老版本的api不兼容很正常,例如你的电脑上是16版本的nodejs,搭配了比较新的webpack版本,那样可以正常使用,但是一上构建机器...,或者去了同事那边版本比较旧的电脑,就跑不起来了。...推荐使用nvm管理node.js版本,让电脑上存在多个nodejs版本 原罪之三:特殊环境配置 例如,电脑上缺少hosts配置,这个项目本身需要跑在特定的host上,但是你的电脑没有写入配置,就会导致项目无法启动
前言 目前关于React Native的教程很多,官方文档写的也不错,但是感觉大部分教程写的不是很清楚,导致我各种碰壁。因此我来写一个简洁的教程。...这里我的Python版本为2.7.10。 Node.js 打开cmd命令提示符窗口,使用Chocolatey来安装NodeJS。...choco install nodejs.install 同样的也可以去Node.js官网去下载安装,地址为https://nodejs.org/en/。 这里我的Node.js版本为7.8.0。...Yarn、React Native的命令行工具(react-native-cli) 接下来安装Yarn和react-native-cli,Yarn是Facebook提供的替代npm的工具,可以加速node...npm install -g yarn react-native-cli 安装完yarn后也要设置镜像源: yarn config set registry https://registry.npm.taobao.org
星球中的氛围非常好,和优秀的、努力的人一起学习、交流和玩耍,这是一件有趣且有意义的事情。扫描下方二维码加入我们。 1.配置React Native 首先我们要先来安装一些软件,如下所示。...这里我的Windows平台的Node.js版本为7.8.0。.../dist --global Yarn、React Native的命令行工具(react-native-cli) 接下来安装Yarn和react-native-cli,Yarn是Facebook提供的替代...npm install -g yarn react-native-cli 安装完yarn后也要设置镜像源: yarn config set registry https://registry.npm.taobao.org...,并确保已经安装了下图打勾的选项。
该项目不是简单的展示 JSON 数据,而是将其转化为类似思维导图的形式,支持放大/缩小、展开/收缩、搜索节点、导出图片等操作。对于经常和json格式的数据打交道的人会非常有帮助。...“忘了那烦人的引号、大括号和冒号吧” 前端环境配置 编码工具: VSCode 依赖管理:NPM 项目构建: Vuecli NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具...nodejs安装目录创建node_global和node_cache文件夹 cmd命令,依次输入: npm config set prefix "F:\Program Files\nodejs\node_global...yarn -g #检查版本 yarn --version #配置Yarn yarn config set registry https://registry.npm.taobao.org -g yarn...yarn config get sass_binary_site #Yarn的常用命令 yarn init // 生成package.json文件 yarn i // 安装yarn.lock的所有依赖
,类似于linux上的yum和 apt-get。...下面所需的python2和nodejs你可以分别单独去对应的官方网站下载安装即可。...choco install nodejs.install 安装完node后建议设置npm镜像以加速后面的过程 注意:不要使用cnpm!...npm install -g yarn react-native-cli 安装完yarn后同理也要设置镜像源: yarn config set registry https://registry.npm.taobao.org...安装完yarn之后就可以用yarn代替npm了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名。
npm 的安装非常简单,不管你是用的是什么操作系统,我们只需要打开 nodejs 官网,网站会自动匹配你的系统显示相应的安装包,点击 LTS 版本的下载按钮,等待安装包下载完成。...安装完成 nodejs 之后,npm 也已经自动安装到系统中了。...安装完成之后,我们可以通过: node -v //检查 node 版本 npm -v //检查 npm 版本 由于 npm 官方的服务器在国外,在国内使用可能会遇到很多网络问题,为了方便我们的开发,...NPM 安装了。...但是用 JavaScript 写起来太长了,结构看起来又不清晰,用 HTML 的方式写起来就方便很多了。
项目和包管理工具之间的桥梁。...实际上,Corepack 可以让你直接使用 yarn 和 pnpm,而无需安装它们。就像使用 npm 一样,默认由 Node 提供。...每个应用都可声明自己的包管理工具以及对应的版本,类似于 cnpm 的 install-node 机制。 目前还在非常早期阶段,Bug 不少,名字也还不统一,有叫 pmm 也叫 corepack。...PS:需注意的是,这次动的只是 Node.js 安装包的 CLI,而包管理服务(即 npm registry)是没有变化的,大家平时用 yarn 和 pnpm 也是连的 npm registry 或者...npm 将慢慢从 Node.js 内置包中移除,预计在下一个大版本启动。 目前仅支持 pnpm 和 yarn,我们的 cnpm 晚点会提 PR 支持下。
://github.com/nvm-sh/nvm 可以直接从仓库的 Releases 下载相关版本,但是我比较懒,为了更新合下载方便,我选择直接使用 git 克隆仓库 我希望把他安装在系统的根目录,以便所有用户都可以使用...,而是只有单独的用户可以用,或是你将他安装在了用户目录中,作为用户独立的软件,那么和配置全局变量的步骤一样 编辑用户主目录下 .bashrc 文件(没有则新建) vim ~/.bashrc 同样,在文件的末尾加上...安装node nvm install 例(安装版本为16.14.0的node) nvm install 16.14.0 国内服务器如果速度慢可以更换为淘宝源 export NVM_NODEJS_ORG_MIRROR...=https://npm.taobao.org/mirrors/node/ 切换node版本 nvm use 例(切换为1919.810版本的node) nvm use 1919.810...一些小问题 比起 npm 我更倾向于使用 yarn 但是由于正常安装出来的 yarn 的 bin 文件不在环境变量中,导致 yarn 安装出来的包无法使用全局命令。
,安装完成后就自动安装了npm,若运行时出现 【不是内部或外部命令,也不是可运行的程序或批处理文】的报错,原因是windows执行策略不允许不安全的脚本运行,可以用以下方式解决。...——运行本地的脚本不需要数字签名,但是运行从网络上下载的script就必须要有数字签名 Unrestricted ——允许所有的脚本运行 在开始菜单里找到Windows PowerShell,...方式 Yarn是facebook发布的一款取代npm的包管理工具。...在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。 超级可靠。 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。...2.1 安装yarn 安装yan,用以下命令: npm install yarn --location=global 查看版本: yarn --version 2.2 安装项目 初始化 yarn create
,安装完成后就自动安装了npm,若运行时出现 【不是内部或外部命令,也不是可运行的程序或批处理文】的报错,原因是windows执行策略不允许不安全的脚本运行,可以用以下方式解决。...——运行本地的脚本不需要数字签名,但是运行从网络上下载的script就必须要有数字签名 Unrestricted ——允许所有的脚本运行 在开始菜单里找到Windows PowerShell,并以管理员身份运行...方式 Yarn是facebook发布的一款取代npm的包管理工具。...在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。 超级可靠。 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。...2.1 安装yarn 安装yan,用以下命令: npm install yarn --location=global 查看版本: yarn --version 2.2 安装项目 初始化 yarn create
前端什么技术都有,react、vue、jquery、regular、seajs… 好在构建工具不复杂,也就是用的gulp + webpack 其实,还算是比较灵活了,虽然没有用nodejs,但是java...也就是说,前端发布的时候和后端发布的时候两次编译出来的文件hash值不一样。...实践 解决版本锁定也很简单,加个npm-lock就可以了 但是npm本身支持lock是在5.0.0以上的,而我们构建服务器因为nodejs版本还是6.x.x,因此对应npm可能不支持npm-lock 好在我们发版构建工具支持...总结与分析 很明显,问题就是出在依赖包,因为使用了范版本,不同的机器安装的包是不一样的,那么构建出来的代码(尤其是压缩、babel等语法解析作用的包处理之后的代码)是非常可能不一样的。...npm早期版本其实也有解决这个问题的方案,那就是 npm shrinkwrap ,这个也是用作版本锁定的,并且到目前为止也是兼容的,其优先级高于npm-lock 当然,最简单的还是使用yarn,至少可以少跑一个命令
领取专属 10元无门槛券
手把手带您无忧上云