本系列文章,不断更新中…
这一篇文章主假如 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.json
的 scripts
字段,用户只需要点点按钮就能够直接运转 npm 敕令,不要每次在终端举行输入。点击每条敕令称号,能够切换到该敕令的控制台输出。
更多细致设置能够看此篇文章《Nowa 上手篇(4)巧用敕令集》。
2、项目设置
基础设置
重要针对 package.json
举行设置,内里的字段置信人人很熟悉。
开辟设置
和 编译设置
只针对 nowa 项目才有的。
人人发明了没有,潜意义是用户能够导入非 nowa 项目。
更多细致诠释请前去 官方运用文档-项目设置。
3、依靠治理
这是鄙人继 敕令集
以后的第二个喜好的功用。
看图就很显著,这里是用来治理 package.json
的依靠滴。用户能够在此装置、删除、更新、查找依靠。云云轻易的可视化依靠治理功用真是让人不能自休。
更多细致诠释请前去 官方运用文档-依靠治理。
东西设置
这个页面重要对东西举行全局设置,请注意,这里是东西,这里是东西,不是项目。
眼不瞎的读者们已发明,前面的大图内里笔墨言语已举行更换了。国际化的功用就是在这里设置了。
为何会有英文版呢?虽然 nowa 现在运用人群没有歪果仁,然则为了更好的提拔逼格,所以硬塞入国际化功用。
一样,在这里能够设置编辑器途径,现在就支撑仨儿,Sublime Text, VScode, WebStorm。
更多细致诠释请前去 官方运用文档-东西设置。
其他小功用
感谢人人,指南就到这里了,迎接人人前去官网下载东西一看终究。