资讯专栏INFORMATION COLUMN

Nowa 上手篇(3)- 工具使用指南

Achilles / 2150人阅读

摘要:本系列文章,不断更新中上手篇介绍上手篇创建项目上手篇工具使用指南上手篇巧用命令集这一篇文章主要是工具的使用指南。创建项目请参考上手篇创建项目导入项目请直接把项目文件夹拖入工具,或者点击项目列表的文件夹图标。

本系列文章,不断更新中...

Nowa 上手篇(1)- 介绍

Nowa 上手篇(2)- 创建 React Web 项目

Nowa 上手篇(3)- 工具使用指南

Nowa 上手篇(4)巧用命令集

...

这一篇文章主要是 Nowa 工具的使用指南。

这么美丽的脸蛋就这样被我划花了。

创建项目

请参考 Nowa 上手篇(2)- 创建 React Web 项目

导入项目

请直接把项目文件夹拖入工具,或者点击项目列表的文件夹图标。

基础操作

基础操作包含7个小功能:

1、 启动项目

即运行 nowa server,nowa 项目会自动执行 webpack 任务。

2、 浏览器打开项目访问地址

该功能只在 nowa 项目启动之后才能生效。

3、 编译项目,

即运行 nowa build,执行打包任务。

4、 使用编辑器打开项目

默认 Sublime Text 打开项目。如果打开失败请用户前往设置页面设置编辑器路径。

5、 唤起终端

在项目路径下打开系统终端,即 cmd & terminal。

6、 打开项目文件夹

7、 删除项目

只在工具中移除项目,不会物理删除项目。

奇怪,我怎么没看到最后两个功能的按钮呢?`基础操作`框起来的明明就是5个功能!不要着急,不要着急,最后两个功能隐藏在项目列表每条项目的向下箭头那,图片里已经圈出来了。

更多详细解释请前往 官方使用文档-基础操作。

项目功能模块

项目功能模块主要针对项目的 package.json & nowa 配置文件进行修改。

包含3个功能:

1、 控制台

默认界面就是控制台界面。

命令集 对应 package.jsonscripts 字段,用户只需要点点按钮就能直接运行 npm 命令,不要每次在终端进行输入。点击每条命令名称,可以切换到该命令的控制台输出。

更多详细配置可以看此篇文章《Nowa 上手篇(4)巧用命令集》。

2、项目设置

基本设置 主要针对 package.json 进行配置,里面的字段相信大家很熟悉。

开发配置编译配置 只针对 nowa 项目才有的。

大家发现了没有,潜意思是用户可以导入非 nowa 项目。

更多详细解释请前往 官方使用文档-项目设置。

3、依赖管理

这是鄙人继 命令集 之后的第二个喜欢的功能。

看图就很明显,这里是用来管理 package.json 的依赖滴。用户可以在此安装、删除、更新、查找依赖。如此方便的可视化依赖管理功能真是让人欲罢不能。

更多详细解释请前往 官方使用文档-依赖管理。

工具设置

这个页面主要对工具进行全局设置,请注意,这里是工具,这里是工具,不是项目。

眼不瞎的读者们已经发现,前面的大图里面文字语言已经进行更换了。国际化的功能就是在这里设置了。

为什么会有英文版呢?虽然 nowa 目前使用人群没有歪果仁,但是为了更好的提升逼格,所以硬塞入国际化功能。

同样,在这里可以设置编辑器路径,目前就支持仨儿,Sublime Text, VScode, WebStorm。

更多详细解释请前往 官方使用文档-工具设置。

其他小功能

如果有啥想要比较实时的回复请提反馈

如果有星星点点的建议请一定要提issue

如果有任何不明白的,请看帮助文档,当然,您也可以直接在此文下评论。

谢谢大家,指南就到这里了,欢迎大家前往官网下载工具一看究竟。

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

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

相关文章

  • Nowa 上手(1)- 介绍

    摘要:上手篇介绍上手篇创建项目上手篇工具使用指南上手篇巧用命令集的意思是,其实笔者第一次接触到它的时候,还以为是诺娃的意思,可能是纪念开发者的媳妇儿,开个小玩笑。怎么用请看接下来的上手篇创建项目。 这个专题主要是详细介绍 Nowa 工具,为此码字无数。 Nowa 上手篇(1)- 介绍 Nowa 上手篇(2)- 创建 React Web 项目 Nowa 上手篇(3)- 工具使用指南 Nowa...

    Taonce 评论0 收藏0
  • Nowa 上手(2)- 创建 React Web 项目

    摘要:如果项目之前已经存在,会弹窗提示用户是否覆盖安装。静静等待依赖安装安装结束之后,项目会自动导入到左侧的项目列表中。再次点击停止按钮,会结束对项目的监听。 本系列文章,不断更新中... Nowa 上手篇(1)- 介绍 Nowa 上手篇(2)- 创建 React Web 项目 Nowa 上手篇(3)- 工具使用指南 Nowa 上手篇(4)巧用命令集 ... 在看完废话超多的介绍篇后,欢...

    oysun 评论0 收藏0
  • 利用 Nowa 分分钟创建和维护 React 应用,抛弃命令行

    摘要:接下来会介绍如何使用快速开发应用。但是因为是教程,所以我们点按钮创建项目。从创建到启动,不过一分钟的事情,是不是超级方便快捷呢小特性用户可以在右侧命令集区添加自定义命令,所有的命令都一键运行,你都不需要打开终端了。 前言吐槽 前端的技术发展辣么快,对于前端新手来说,我还没怎么使用 jQuery 开发界面就要换成Angular & Vue & React & ... 更复杂的是,用户还要...

    coolpail 评论0 收藏0
  • Flutter是跨平台开发终极之选吗?Android开发该如何快速上手Flutter?

    摘要:月日,谷歌正式发布了的。到底能不能成为跨平台开发终极之选是基于前端诞生的,但是对前端开发来说,的环境配置很麻烦,需要原生的平台知识,还要担心遇上网络问题。现在已经不是曾经的小众框架,这两年里它已经逐步成长为主流的跨平台开发框架之一。 ...

    luckyyulin 评论0 收藏0
  • UXCore:一个兼容主流浏览器的 React PC 组件库

    摘要:为什么我们需要是一个基于的套件库,兼容。全面的国际化支持所有组件的内置文案支持国际化,大部分文案用户可以主动设置。持续的功能增强借助社区和团队自身的力量,会在现有基础上优化使用体验,增强组件功能,添加更多常用组件来满足不同场景的需求。 showImg(https://gw.alicdn.com/tps/TB1TVapKFXXXXbbXpXXXXXXXXXX-1000-500.png);...

    Big_fat_cat 评论0 收藏0

发表评论

0条评论

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