h5引入不同的js文件怎样让第二个js使用第一个js文件中的函数_H5必知必会之快速搭建开发环境...

本文介绍了快速搭建H5开发环境的方法,重点是使用qvk脚手架。qvk是一个集成前端工程化最佳实践的开发环境,支持多种Web应用开发。文章详细讲解了如何克隆qvk代码、安装依赖、构建前端代码,并启动前端和后端服务。通过ThinkJS和Vue.js等框架,开发者可以轻松上手开发H5页面。
摘要由CSDN通过智能技术生成

30acc083968de0e0dbc64a824a967230.png

今天我们这一篇的主题就是 “快速搭建开发环境”。快速,有多快?答案:取决于你的网速。因为我们真的有这么一个脚手架:qvk。

什么是 qvk

qvk 是一个集成现代前端工程化最佳实践的通用 Web 开发环境,可用于开发传统 C/S 架构的 Web 应用、SPA(单页应用)、H5(App 内嵌页)等。

qvk 脱胎于多个 360 前端项目,集成了开源社区中涌现的优秀框架、工具和最佳实践。qvk 初始版集成以下 Web 框架和打包工具。

  • ThinkJS:基于 MVC 模式的简单易用、功能强大的 Node.js 开发框架。
  • Vue.js:渐进式 JavaScript 框架,前端组件式开发主流选择。
  • Webpack:目前使用最广泛的前端资源模块打包工具。

什么,这里有些新面孔?没关系,不久你就会发现它们都很友好、简单。

搭建开发环境

qvk 的 Github 仓库地址是:github.com/qqvk/qvk。

打开这个页面,点击 “Clone or download” 按钮:

0118837b1e05e9cc5ade653b8063a7bc.png

点击 “复制到剪贴板” 图标。打开常用的终端,进入或新建某个项目目录,比如 myProject,克隆 qvk 的代码:

b65906e5f7b3ff7b8122a8df0a1c60e8.png

注意,我们给新项目起了一个名字,叫 h5project。进入这个目录:

58c2ed14dac2944d901d58ead9aaa32f.png

LICENSE 和 README.md,当然一个是协议,一个是项目介绍。而 client、server 两个目录,则分别用于保存前端和服务端代码(及依赖)。

为方便开发,我们建议使用 VSCode,并通过把code命令添加到路径,从命令行启动 VSCode(参见这个链接:code.visualstudio.com/docs/setup/…):

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值