资讯专栏INFORMATION COLUMN

前端项目创建

Simon_Zhou / 2400人阅读

摘要:原文地址创建项目方法一首先全局安装使用命令行工具来创建一个名为的新项目提示你可以使用参数注意是两个杠创建指定版本的项目。

1、利用dva-cli创建react项目

1,首先全局安装dva-cli,大家可以自行选择项目目录。

$ npm install -g dva-cli

2,接着使用dva-cli创建我们的项目文件夹

$ dva new myapp

3,进入myapp目录,安装依赖,执行如下操作。

$ cd myapp
$ npm start

此时浏览器会自动打开一个窗口。
原文地址:https://www.jianshu.com/p/e18...

2、创建rn项目

方法一:

1.首先全局安装react-native-cli

   $ npm install -g yarn react-native-cli

2.使用 React Native 命令行工具来创建一个名为"myApp"的新项目:

   $ react-native init myApp

提示:你可以使用--version参数(注意是两个杠)创建指定版本的项目。例如react-native init myApp--version 0.44.3。 注意版本号必须精确到两个小数点。

3.编译并运行 React Native 应用, 确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行

   $ cd AwesomeProject
   $ react-native run-android

方法二:(无需配置android、ios环境)

1.首先全局安装create-react-native-app

   $ npm install -g create-react-native-app

2. 使用以下命令创建项目并运行项目

   $ create-react-native-app dvaapp
   $ yarn start

3.手机下载expo客户端,用手机扫描二维码或者直接输入url即可。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97219.html

相关文章

  • vue-admin自定义后台管理系统(二)之vue-cli3创建前端项目

    摘要:自定义后台管理系统二之创建前端项目安装官方文档使用创建项目安装完后请使用测试版本是不是版本你也可以通过命令以图形化界面创建和管理项目在浏览器中访问网址查看图形化界面配置项目名包管理器,是文件夹已存在是否覆盖初始化等信息选择 vue-admin自定义后台管理系统(二)之vue-cli3创建前端项目 安装vue-cli3 vue-cli官方文档 使用vue-cli3创建vue-admin项...

    XUI 评论0 收藏0
  • aotoo-hub,一体式大前端架构

    摘要:年底了,开源一套我们的大前端架构,小伙伴们都用得很爽的。听说的人明年会发财文档是一套正式上线的大前端解决方案。是一套前端端彼此相亲相爱不分离,你中有我,我中有你的大前端解决方案。 年底了,开源一套我们的大前端架构aotoo-hub,小伙伴们都用得很爽的。 GITHUB -- 听说star的人明年会发财 文档 aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间,...

    raoyi 评论0 收藏0
  • Sentry异常监控方案部署-前端攻略

    摘要:故而,我们需要在项目出现异常时主动对其进行收集上报,分析原因和影响后制定下一步解决方案。所以,我们需要一款成熟的异常监控系统来协助我们。最近在公司项目中部署了,用于项目中异常监控,涵盖了前端后端。 原文首发于我的个人博客: https://lonhon.top/ 凡事只要有可能出错,那就一定会出错 对于任何一个项目而言,本地测试肯定做不到100%覆盖,而且,我们也不能保证用户能按照我们...

    Lorry_Lu 评论0 收藏0
  • 为什么我不推荐你使用vue-cli创建脚手架?

    摘要:后来经过排查你会发现是由于目前还没有版本。可以使用该方式解决。这就是我为什么不推荐你使用创建脚手架的原因此文的受众是想要进阶中级的初级前端人员。 最近在知乎看到一个问题,原问题如下: 很奇怪,为什么现在能找到自己手动创建vue脚手架的文章非常少,而且大家似乎对webpack4的热情并不高,对于想基于vue2.0+webpack4搭建一个脚手架的我来说资料真是少得可怜。难道现在一般的做...

    trigkit4 评论0 收藏0
  • 打造前端团队的 React CLI 工具

    摘要:关于前端工具对于,有官方的。所以我们使用了和类似的解决方案,创建自己团队专属的前端工具,这也是我们当前的解决方案。我推荐的方案回到文章的标题打造前端团队工具,我认为每个前端团队都应该有自己的工具,这是一个团队技术和经验沉淀的重要根据地。 关于前端 CLI 工具 对于 Angular,有官方的 Angular CLI。 对于 Vue,有官方的 Vue CLI。 对于 React,有官方...

    Scott 评论0 收藏0
  • Web前端开发流程

    摘要:页面开发由小组长创建前端目录,包含页面开发目录如及提取剥离目录如。提交验收当有阶段性产出后,小组长上报主管,安排经验丰富的前端工程师进行代码验收。 开发前准备 了解产品和设计 参加需求、交互、视觉会议,了解产品设计和项目成员。 了解产品面向的设备和平台。 了解产品对兼容性的要求以及是否采用响应式设计等。 提出疑问和见解 按需求结合现有技术,提出疑问和见解。 提出可能存在的问题(技...

    keithyau 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<