首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

带你了解一些package.json的骚操作

validate-npm-package-name 包来检测模块名是否合法); 语义化模块名,可以帮助开发者更快的找到需要的模块,并且避免意外获取错误的模块; 若模块名称存在一些符号,将符号去除后不得与现有的模块名重复...,则会抛出 404 错误: 或者,我们也可以去 npm 上输入模块名,如果搜不到,则可以使用该模块名。...它们是我们生产环境所需要的依赖项,把项目作为一个 npm 包的时候,用户安装 npm只会安装 dependencies 里面的依赖。...简化终端命令(scripts) scripts 字段是 package.json 的一种元数据功能,它接受一个对象,对象的属性为可以通过 npm run 运行的脚本,值为实际运行的命令(通常是终端命令...自定义命令(bin) 用过 vue-cli,create-react-app等脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,就可以使用类似 vue create/create-react-app

1.8K40

React-Native 入门

优点: 直接依托于操作系统,交互性最强,性能最好 功能最为强大,特别是与系统交互,几乎所有功能都能实现 缺点: 开发成本高,无法跨平台 升级困难 维护成本高 Web App 即移动端的网站,将页面部署服务器上...下载完成后,放到指定目录下: image.png 然后重新输入命令 react-native run-android 来初始化运行项目,程序首先会解压 gradle 压缩文件,第一次初始化可能需要一点间...四、常见错误 1、没有配置 Android 开发环境 当第一次输入 react-native run-android 运行是,出现如下错误: image.png 表明程序没有找到 sdk 路径,首先确定是否配置了...文件夹,删除之后,通过 npm install 重新下载一下依赖包: npm install image.png 3、没有启动服务 当出现如下界面是,表明没有启动 react-native 服务 image.png...windows 当运行项目,手机红屏报错,错误信息如下: Unable to load script from assets index.android.bundle on windows 出现这个错误

2.7K10

2020年值得你去试试的10个React开发工具

JavaScript每天都在出现大量的框架和工具,而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现,开发者尝试总会有些不知所措。...安装DevTools后,在你已经React Dev Tools和React Sight的扩展设置启用了“允许访问文件URL”选项,你就可以DevTools种找到一个新的名为“React Sight...它集成到你的IDE,并帮助你改进语法,设置自己的编码样式,甚至某些情况下能为你自动修复错误。...npm:当你需要安装新的插件、重新启动服务器或是运行某些npm特定命令,你都必须从IDE跳到终端,这可能会令你有一些累,所以这个扩展增加了直接从IDE直接运行npm命令的功能。...start #根据喜好使用yarn start 也可以 运行完成后,你可以通过http://localhost:3000访问到这个全新创建的应用。

7.8K20

常用的package.json,还有这么多你不知道的骚技巧

validate-npm-package-name 包来检测模块名是否合法); 语义化模块名,可以帮助开发者更快的找到需要的模块,并且避免意外获取错误的模块; 若模块名称存在一些符号,将符号去除后不得与现有的模块名重复...如果该模块名从未被使用过,则会抛出 404 错误: ? 或者,我们也可以去 npm 上输入模块名,如果搜不到,则可以使用该模块名。...它们是我们生产环境所需要的依赖项,把项目作为一个 npm 包的时候,用户安装 npm只会安装 dependencies 里面的依赖。...简化终端命令(scripts) scripts 字段是 package.json 的一种元数据功能,它接受一个对象,对象的属性为可以通过 npm run 运行的脚本,值为实际运行的命令(通常是终端命令...自定义命令(bin) 用过 vue-cli,create-react-app等脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,就可以使用类似 vue create/create-react-app

1.6K30

React Native移植原生Android

(四)添加原生代码 Android项目的MainActivity,我们需要配置相关代码来进行启动运行React Native库。...react依赖:"react": "15.0.2"和react-native依赖:"react-native": "^0.26.3", [注意].不要问我为什么知道这样配置的,你init一个项目就知道了...5.3.然后项目根目录下面执行npm install安装依赖模块,安装记录截图如下: ?...(六)运行APP 上面的配置步骤全部完成了,下面我们要运行APP了,首先我们需要开启开发服务器,使用如下命令即可:npm start 运行结果如下: ?...【注意事项】.感谢热心童鞋的回复,大家可能会遇到评论区找不到.so文件的问题 具体解决方案:http://www.jianshu.com/p/67c574236e8f 解决方案方案: 找不到.so 库错误

1.5K70

react脚手架(create-react-app)配置antdcss按需加载的坑

初始化项目了 create-react-app admin('项目名') // 下完包后 进入admin目录 cd admin // 然后就可以将项目跑起来 yarn start 这样我们就很顺利的完成了...上一篇错误文章我们在这里出错后就去修改node_modules了,这是绝对不能做的。 6、所以我们要将脚手架的内部配置项暴露出来进行修改,使用 npm run eject这个命令来暴露配置。...但是运行 npm run eject会报出下面的错误: ?...7、此时这个报错,需要将代码利用git提交 git add . git commit -m "init" 8、然后再重新npm run eject 此时就就不会报上面的错误了,运行npm run eject...10、还没有完,此时如果运行项目,浏览器还会报错(天了噜,真tm想弃用....)为什么会报错呢?

3.5K21

带你了解一些package.json的骚操作

validate-npm-package-name 包来检测模块名是否合法); 语义化模块名,可以帮助开发者更快的找到需要的模块,并且避免意外获取错误的模块; 若模块名称存在一些符号,将符号去除后不得与现有的模块名重复...,则会抛出 404 错误: 或者,我们也可以去 npm 上输入模块名,如果搜不到,则可以使用该模块名。...它们是我们生产环境所需要的依赖项,把项目作为一个 npm 包的时候,用户安装 npm只会安装 dependencies 里面的依赖。...简化终端命令(scripts) scripts 字段是 package.json 的一种元数据功能,它接受一个对象,对象的属性为可以通过 npm run 运行的脚本,值为实际运行的命令(通常是终端命令...自定义命令(bin) 用过 vue-cli,create-react-app等脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,就可以使用类似 vue create/create-react-app

1.8K50

React 基础

Mercury_Lc 初次接触前端框架知识,很多的地方认识有限,如有不对的地方欢迎评论区指正,定会认真思考后改正错误的想法,开此专栏的目的督促自己更好学习此知识,不愿意像之前学习知识那样子学到一半就半途而废...很多的地方都会出现上面这一句话,按照我现在理解的意思大概就是可以让你来定义一个 JavaScript 库文件,比如你引用 jQuery 那样,不过现在的内容你自己来定义了。  ...通过引入文件的名字就可以看出来,前两个是有关于 React 的,里面的一个子串是 development ,也就是说是仅适合在开发阶段的,我们的需要部署,将其换成 react.production.min.js...说明:babel 虽然可以将 ES6 转码成 ES5,但是浏览器编译 JSX 的效率还是比较低的。...启动项目 npm start 正常的样子: $ npm start > my-demo@0.1.0 start F:\1A-Folder\loveQAQ\React\reacttest\my-demo

38130

react-native常用终端命令

,然后命令行运行(译注:如果提示权限错误,就在命令前加上sudo): $ npm install 译注:从0.24版本开始,react-native还需要额外安装react模块,且对react的版本有严格要求...本文无法在这里列出所有react native和对应的react模块版本要求,只能提醒读者先尝试执行npm install,然后注意观察安装过程的报错信息,例如require react@某.某.某版本...npm包通常还会包含一些动态生成的文件,这些文件是在运行react-native init创建新项目生成的,比如iOS和Android的项目文件。...为了使老项目的项目文件也能得到更新(不重新init),你需要在命令行运行: $ react-native upgrade 004 npm info reactnpm info react-native...start 007 // 没有安装rnpm,输入命令:npm install rnpm -g 1、npm install 项目名字 —save 2、rnpm link 008 react-native

1.5K30

React新特性——Protals与Error Boundaries

Portals React 16.x 新增了一个名为“Protals”的特性,直接按照字面意思翻译实在不靠谱。描述这个特性,我们还是用官方的英文单词来指定它。...而事件方法的异常、异步代码的异常(例如setTimeoout、一些网络请求方法)、服务端渲染出现的异常以及componentDidCatch方法中出现的异常是无法被捕获的。...所以React升级到16.x版本后,至少最顶层的根节点组件实现 componentDidCatch 方法并附加一个 错误提示的简单组件。...还可以专门设定一个服务器接口来收集页面客户端运行出现的异常。 优化异常堆栈 新版本的React优化了异常输出,能够更清晰的跟踪到出错的位置。...npm start #安装完后webpakc启动 例子值得关注的就几个点。

1K40
领券